Agus Prawoto Hadi

Syntax Highlighter developed by Alex Gorbatchev that has been developed 10+ years is a popular syntax highlighter. It is also widely used by a lot of blog and website.
Currently, it achieves version of 4, this version has significant change in the built method compared to the previous, this is, for some people, somewhat confused and hard to do.
This plugin helps you to bring this code highlighter to your WordPress easily, forget a headache builds. Provided with many features and user-friendly GUI, make it handy and easy to use
** Features. **
<ul>
<li>Simple and easy to use</li>
<li>Full GUI, don’t need to hardcode the parameters</li>
<li>Custom container max-height. Useful when displaying long code.</li>
<li>Easy to add custom CSS. Useful for responsive design.</li>
<li>Easy to edit code that has been written in tinyMCE text editor (Screenshot 3)</li>
<li>Write and edit code in place. The textarea code editor supports the tab and back tab, so you can directly edit or write your code, rather than switch back to your code editor.</li>
<li>Load script on demand, load javascript and CSS files of syntax highlighter only when needed.</li>
<li>Use <a href="https://github.com/syntaxhighlighter/syntaxhighlighter" rel="nofollow ugc">Syntax Highlighter 4</a> by Alex Gorbatchev</li>
<li>Ability to override global options and use individual options for each code block</li>
<li>Custom Font Size</li>
<li>Support TinyMCE Visual mode and Text Mode (Quick Tags), it also supports the Quick tags used in the admin comment page (screenshot 5)</li>
<li>Use similar pattern with <a href="https://wordpress.org/plugins/aph-prism-highlighter/" title="APH Prism Highlighter" rel="ugc">APH Prism Highlighter</a> and <a href="https://wordpress.org/plugins/crayon-syntax-highlighter/" title="Crayon Syntax Highlighter" rel="ugc">Crayon Syntax Highlighter</a> plugins, so your code will still work using those plugins</li>
<li>Language added: dark plain (console style) and light plain</li>
</ul>
<h3>How To Use</h3>
After installing the plugin, go to the admin setting Settings > Syntax Highlighter to configure the global setting including the highlighter languages you want to load, theme, etc…
In the TinyMCE menu (add or edit post or page), there is a new button that can be used to pop up the code editor, simply copy-paste your code and fill in some options
This new button also can be found at the quick tags of comment editor in the Admin Edit Comments page. This quick tag appears when you edit or reply a comment.

APH Syntax Highlighter

Bringing SyntaxHighlighter 4 by Alex Gorbatchev into Wordpress easily. Easy to use with user-friendly GUI. Write-edit code in place

Vicky Agravat

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 <a href="https://codemirror.net/" rel="nofollow ugc">CodeMirror</a> 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
<ul>
<li>Control Panel Added on top of the Code Block. 
** It displays language/filename. 
** It also display three buttons, includes Run/Execute, FullScreen, Copy Code.</li>
<li>Web editor (Execution of HTML, CSS JavaScript block) With CodeMirror Block 1.1</li>
<li>Option Page for set default options</li>
<li>Highlight Active Line (now available on CodeMirror Block 1.1)</li>
<li>CodeMirror Block 1.1 now support Block align (Wide Width, Full Width) if your theme Supports.</li>
<li>
Classic Editor Support (Partial)
</li>
<li>
Lightweight and fast
</li>
<li>Secure code with using clear coding standards</li>
<li>Intuitive interface with many settings</li>
<li>Cross browser compatible (work smooth in any modern browser)</li>
<li>Works also on android mobile browser</li>
<li>Compatible with all Default WordPress themes (tested with Latest Twenty Twenty-Four)
<ul>
<li>Twenty Twenty-Four</li>
<li>Twenty Twenty-Three</li>
<li>Twenty Twenty-Two</li>
<li>Twenty Twenty-One</li>
<li>Twenty Twenty</li>
</ul>
</li>
<li>Also Compatible with other third-party themes.</li>
</ul>
Key features include
<ul>
<li>Code syntax highlighting</li>
<li>Line number (On/Off) option</li>
<li>56 Themes (all provided themes from CodeMirror)</li>
<li>100+ Programming languages (all most provided languages from CodeMirror)</li>
<li>Programming language selection option</li>
<li>Loading CodeMirror files on pages only when needed</li>
</ul>
A list of supported themes:
<ul>
<li>3024 day</li>
<li>3024 night</li>
<li>Ambiance mobile</li>
<li>Ambiance</li>
<li>Base16 dark</li>
<li>Base16 light</li>
<li>Blackboard</li>
<li>Cobalt</li>
<li>Colorforth</li>
<li>Eclipse</li>
<li>Elegant</li>
<li>Erlang dark</li>
<li>Lesser dark</li>
<li>Liquibyte</li>
<li>MBO</li>
<li>MDN-like</li>
<li>Midnight</li>
<li>Monokai</li>
<li>Neat</li>
<li>Neo</li>
<li>Night</li>
<li>Paraiso dark</li>
<li>Paraiso light</li>
<li>Pastel on dark</li>
<li>Rubyblue</li>
<li>Reactjs.org Theme</li>
<li>Solarized</li>
<li>The matrix</li>
<li>Tomorrow night bright</li>
<li>Tomorrow night eighties</li>
<li>TTCN</li>
<li>Twilight</li>
<li>Vibrant ink</li>
<li>XQ dark</li>
<li>XQ light</li>
<li>Zenburn</li>
</ul>
<h3>Credits</h3>
<ul>
<li>This Plugin use CodeMirror library to highlight <code>Code Blocks</code>. <a href="https://codemirror.net/" rel="nofollow ugc">CodeMirror</a> is an open-source project shared under the <a href="https://codemirror.net/LICENSE" rel="nofollow ugc">MIT license</a>.</li>
</ul>

CodeMirror Blocks

Thanks for creating this great tool. It solves my problem. It works as you have described. I love the preview running option. Great work. Keep rocking, brother. 

Perfect Syntax Highliter with Preview Mode

Top great work!


Good plugin, thanks for sharing. I have question I know you removed the run/execute button for HTML, CSS and JavaScript due to security issue XSS. but are you willing to add again after fixing it maybe?


Good plugin

CodeMirror Blocks is useful for tutorial site where display formatted (highlighted) code block. With support of 100+ Language/Mode and 56 Themes.

APH Syntax Highlighter vs CodeMirror Blocks