rraub

Peter Mukhortov

collinprice

James Bradford

<p>Add syntax highlighting in the Classic Post & Page HTML text editor, Gutenberg Code Editor, and Theme & Plugin editors using CodeMirror.js</p>
<h4>Features</h4>
<ul>
<li>Syntax highlighting in the Post/Page HTML editor</li>
<li><em>NEW:</em> Syntax highlighting in the Gutenberg <em>Code Editor</em> (not <em>Visual Editor</em>)</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>
<p>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>.</p>
<p>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.</p>


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

snowbedding

<p>Easy Syntax Highlighter is a powerful WordPress plugin that helps improve your website’s code presentation by providing beautiful syntax highlighting. Using the latest Highlight.js library, it supports over 20 programming languages with 80+ color themes, copy-to-clipboard functionality, and seamless integration with both classic and Gutenberg editors.</p>
<h3>Features</h3>
<ul>
<li><strong>Modern Highlight.js Engine</strong>: Uses the latest Highlight.js library for fast, accurate syntax highlighting</li>
<li><strong>80+ Themes Included</strong>: Over 80 themes for both light and dark modes, all stored locally for offline compatibility</li>
<li><strong>Unlimited Language Support</strong>: Supports 20+ programming languages including JavaScript, PHP, Python, CSS, HTML, SQL, Bash, and more</li>
<li><strong>Modern JavaScript</strong>: Promise-based loading with proper error handling and performance optimizations</li>
<li><strong>Performance Optimized</strong>: Smart asset loading—only loads when code blocks are present on the page</li>
<li><strong>Security Focused</strong>: Proper input sanitization and output escaping</li>
<li><strong>Admin Interface</strong>: Clean, modern settings page with visual theme selector integrated with WordPress admin</li>
<li><strong>Localization Ready</strong>: Translation-ready with proper text domains</li>
<li><strong>Backward Compatible</strong>: Automatic migration from old plugin versions</li>
</ul>
<h3>How to Use</h3>
<ol>
<li><strong>Gutenberg Block Editor</strong>: Use the default WordPress “Code” block. The plugin automatically detects the language and highlights it. There is no language setting in the sidebar; detection is automatic. If you need to force a language, edit the block as HTML and add a class to the <code><code></code> element (e.g., <code><code class="language-php"></code>).</li>
<li><strong>Classic Editor</strong>: Use the TinyMCE button (code icon) with the modal dialog for easy code insertion.</li>
<li><strong>Copy to Clipboard</strong>: Double-click any code block to instantly copy its content with visual feedback.</li>
</ol>
<h3>Use Cases</h3>
<ul>
<li>Technical blogs and tutorials</li>
<li>Documentation websites</li>
<li>Programming courses and educational content</li>
<li>Developer portfolios</li>
<li>API documentation</li>
<li>Code examples and snippets</li>
</ul>
<h3>Support</h3>
<p>For support, bug reports, or feature requests, please visit: <a href="https://github.com/snowbedding/easy-syntax-highlighter" rel="nofollow ugc">Github</a></p>
<h3>Contributing</h3>
<p>Contributions are welcome! Please feel free to submit pull requests or open issues on GitHub.</p>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later.<br />
License URI: https://www.gnu.org/licenses/gpl-2.0.html</p>


Easy Syntax Highlighter

Modern, lightweight syntax highlighter for WordPress using Highlight.js

HTML Editor Syntax Highlighter vs Easy Syntax Highlighter