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.

James Bradford

collinprice

Peter Mukhortov

rraub

Add syntax highlighting in the Classic Post & Page HTML text editor, Gutenberg Code Editor, and Theme & Plugin editors using CodeMirror.js
<h4>Features</h4>
<ul>
<li>Syntax highlighting in the Post/Page HTML editor</li>
<li>NEW: Syntax highlighting in the Gutenberg Code Editor (not Visual Editor)</li>
<li>Syntax highlighting in the Theme & Plugin editors</li>
<li>Syntax highlighting for WordPress <code>[shortcodes/]</code></li>
<li>Save your posts and pages pressing <code>Ctrl+S</code> (<code>Cmd+S</code> on Mac)</li>
<li>Restore cursor position after page is reloaded</li>
<li>Huge selection of themes and other customization options</li>
<li>Fullscreen mode: toggle with <code>F11</code>/<code>Esc</code> hotkeys</li>
</ul>
If you would like to contribute to this plugin, view the <a href="https://github.com/mukhortov/HESH-WordPress-Plugin" rel="nofollow ugc">github repo</a>.
If you’re a regular user of this plugin, please consider taking a short <a href="https://goo.gl/forms/xvaHgd7sZEbBbFAL2" rel="nofollow ugc">User Experience Survey</a> to provide feedback that will help shape the new version 3.0.

HTML Editor Syntax Highlighter

And what's really neat, is that there is no WP Admin page, all settings are performed while editing. This is a perfect job. I have only used the classic editor (still waiting until Gutenberg is more mature). A previous reviewer wrote that text added in the Text tab is lost when switching to Visual - I have not seen this happen. I'm very happy :)

Superb, more options than I imagined

HESH is built on top of Code Mirror which is first class code. The implementation is somewhat eclectic including a settings button in the front end which allows the user to really play with editor settings. Easy access to the settings is convenient at first and then a bit of a distraction.

HESH even highlights WordPress shortcodes [shortcode] syntax.

What HESH doesn't have is Markdown syntax highlighting in the posts/pages plain text editor but the WordPress shortcodes and HTML highlighting helps make up for it.

What is buggy are the settings on iPhone (iOS 13.5) where the settings buttons more or less don't work and the settings can't be closed. If you don't touch the settings though, HESH provides a better plain text editor than WordPress default (which can be very finicky to accept text entry). It remains easier to edit on iOS with HESH installed than without so no downnmarks here.

All in all a great plugin, a bit overwhelmed right now with legacy support for WordPress 4.9 editor, Classic Editor, Code view, plain text editor, Gutenberg and the sixteen different kinds of blocks which might need syntax highlighting. I can't blame the plugin authors for not being on top of all editors all the time now in the current Gutenberg-induced editor hell.

Very, very grateful for their hard work and looking forward to HESH v3.

Works, even on iOS/mobile

Add syntax highlighting to WordPress code editors using CodeMirror.js

CodeMirror Blocks vs HTML Editor Syntax Highlighter