
內容簡介
CodeMirror Blocks 可用於開發人員的博客、教學網站以顯示格式化(高亮顯示)任意程式代碼。
它支援 100 多種編程、腳本和標記語言,擁有 56 種不同的主題風格。
Code Block 是依賴於CodeMirror 函式庫的。
格式化程式碼區塊(語法突出顯示功能)會根據詞彙類別以不同顏色和字體顯示原始碼,這是提高文字可讀性和上下文之一的策略,尤其是對於跨越多個頁面的程式代碼,讀者可以依據需求忽略大量註解或程式碼。
此外採用此外掛不需要繁瑣的配置或駭客,只要安裝、啟用並開始使用區塊插入器就行了。
新功能包括
(新增)控制面板在程式碼區塊的頂部。
** 顯示語言/檔案名稱
** 顯示三個按鈕,包括執行、全螢幕、複製程式碼。
(新增)Web 編輯器(執行 HTML、CSS JavaScript 區塊)與 CodeMirror Block 1.1。
(更新)程式碼區塊現在是 CodeMirror Block 1.1。
(新增)選項頁面設置默認選項。
(新增)醒目的像(現在在 CodeMirror Block 1.1 中提供)。
(新增)CodeMirror Block 1.1 現在支援區塊對齊(寬寬、全寬),如果您的佈景主題支援的話。
(新增)經典編輯器支援(部分)。
功能特點
輕巧快速。
使用清晰的編碼標準使程式碼安全。
直觀的界面和許多設置。
跨瀏覽器兼容(在任何現代瀏覽器中都可以流暢工作)。
也可在 Android 行動瀏覽器上使用。
與所有預設的 WordPress 主題相容(已經測試過最新的 Twenty Twenty)。
主要特點包括
程式碼語法突出顯示。
行號(開/關)選項。
56 種主題風格(所有提供的 CodeMirror 主題)。
100 多種編程語言(大多數來自於 CodeMirror 提供的語言)。
編程語言選擇的選項。
只有在需要時加载 CodeMirror 文件。
支援的主題列表:
3024 日間
3024 夜間
Ambiance(行動版)
Ambiance
Base16 闇黑
Base16 光明
黑板
Cobalt
Colorforth
Eclipse
Elegant
Erlang 闇黑
較低的暗色
Liquibyte
MBO
MDN-like
午夜
Monokai
整潔
Neo
夜間
Paraiso 闇黑
Paraiso 光明
黑暗调色板
Rubyblue
Reactjs.org 風格
Solarized
Matrix(黑色)
Tomorrow night 晴朗
Tomorrow night eighties
TTCN
Twilight
Vibrant ink
XQ 闇黑
XQ 光明
Zenburn
鳴謝
此外掛使用 CodeMirror 函式庫來突出顯示 Code Blocks。 CodeMirror 是一個在 MIT 授權下共享的開放原始碼項目。
外掛標籤
開發者團隊
原文外掛簡介
CodeMirror Blocks is useful for developers blog, tutorial site where to display formatted (highlighted) code of any program.
It supports 100+ Programming, Scripting and MarkUp Language, with 56 Different Themes.
The Code Block is dependent on a CodeMirror library.
Formatted Code Block is like (syntax highlighting feature) that displays source code, in different colors and fonts according to the category of terms. It is one strategy to improve the readability and context of the text; especially for code that spans several pages. The reader can easily ignore large sections of comments or code, depending on what they are looking for.
This plugin is just plug and play, no tedious configurations or hacks, just install, activate and start using block inserter.
Features
Control Panel Added on top of the Code Block.
** It displays language/filename.
** It also display three buttons, includes Run/Execute, FullScreen, Copy Code.
Web editor (Execution of HTML, CSS JavaScript block) With CodeMirror Block 1.1
Option Page for set default options
Highlight Active Line (now available on CodeMirror Block 1.1)
CodeMirror Block 1.1 now support Block align (Wide Width, Full Width) if your theme Supports.
Classic Editor Support (Partial)
Lightweight and fast
Secure code with using clear coding standards
Intuitive interface with many settings
Cross browser compatible (work smooth in any modern browser)
Works also on android mobile browser
Compatible with all Default WordPress themes (tested with Latest Twenty Twenty-Four)
Twenty Twenty-Four
Twenty Twenty-Three
Twenty Twenty-Two
Twenty Twenty-One
Twenty Twenty
Also Compatible with other third-party themes.
Key features include
Code syntax highlighting
Line number (On/Off) option
56 Themes (all provided themes from CodeMirror)
100+ Programming languages (all most provided languages from CodeMirror)
Programming language selection option
Loading CodeMirror files on pages only when needed
A list of supported themes:
3024 day
3024 night
Ambiance mobile
Ambiance
Base16 dark
Base16 light
Blackboard
Cobalt
Colorforth
Eclipse
Elegant
Erlang dark
Lesser dark
Liquibyte
MBO
MDN-like
Midnight
Monokai
Neat
Neo
Night
Paraiso dark
Paraiso light
Pastel on dark
Rubyblue
Reactjs.org Theme
Solarized
The matrix
Tomorrow night bright
Tomorrow night eighties
TTCN
Twilight
Vibrant ink
XQ dark
XQ light
Zenburn
Credits
This Plugin use CodeMirror library to highlight Code Blocks. CodeMirror is an open-source project shared under the MIT license.
