CodeMirror Blocks

CodeMirror Blocks 對需要顯示格式化 (醒目提示) 程式碼的開發者部落格及教學網站來說，它支援超過 100 種程式語言/模式及 56 種色彩外觀樣式，是一款非常實用的外掛。

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.

外掛功能

• [CodeMirror] 區塊在區塊頂端會加入 [控制面板] ** 可以顯示程式語言名稱/檔案名稱 ** 可以顯示 3 個按鈕，分別為 [執行]、[全螢幕模式] 及 [複製程式碼] 按鈕
• 使用 [CodeMirror] 區塊的網頁編輯器 (可執行 HTML、CSS 及 JavaScript)
• 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.

• 部分支援傳統編輯器

• 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
• 與其他第三方佈景主題相容

外掛主要功能

• Code syntax highlighting
• Line number (On/Off) option
• 56 種外觀樣式 (全部外觀樣式均由 CodeMirror 提供)
• 超過 100 種程式語言 (全部常見程式語言均由 CodeMirror 提供)
• Programming language selection option
• Loading CodeMirror files on pages only when needed

支援的外觀樣式清單

• 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.