hbgl

A WordPress plugin that provides a Gutenberg block for displaying computer source code with syntax-highlighting. Uses <a href="https://highlightjs.org/" rel="nofollow ugc">highlight.js</a> under the hood.
<ul>
<li>✅ Supports 192 languages</li>
<li>✅ 256 included themes</li>
<li>✅ Server rendered static HTML</li>
<li>✅ Zero JS runtime dependencies</li>
<li>✅ Dynamic light/dark mode based on <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme" rel="nofollow ugc">preferred color scheme</a></li>
</ul>

Code Syntax Highlighting Block

A Gutenberg block for syntax-higlighted code.

Khang Minh

This plugin allows you to highlight code syntax in your posts. It is simple, lightweight, and very easy to use with plenty of options to choose. This plugin works with both editors and won’t mangle your code format. This plugin utilizes the popular PHP syntax highlighting library – <a href="http://qbnz.com/highlighter/" rel="nofollow ugc">GeSHi</a>.
Some Features
<ul>
<li>Load the plugin only when you need it</li>
<li>Option to load media files (CSS, JS, etc.) only when needed</li>
<li>Built-in hooks for easier customization</li>
<li>A lot of options to choose (I bet you don’t need them all!)</li>
<li>Preview any snipplet of code to match your preference</li>
<li>Possibility to add more languages</li>
<li>Parse code within <code><pre></code> tag, <code><code></code> tag or using shortcode</li>
<li>Parse code within comments</li>
<li>Editor button to add code</li>
<li>Two output methods, Table or Ordered list</li>
<li>Style code globally or language-based</li>
<li>WordPress Multi-site compatible (not tested with WPMU)</li>
<li>And more…</li>
</ul>
Get in touch
<ul>
<li>I’m available at <a href="http://betterwp.net" rel="nofollow ugc">BetterWP.net</a> and you can also follow me on <a href="http://twitter.com/0dd0ne0ut" rel="nofollow ugc">Twitter</a>.</li>
<li>Check out <a href="http://feeds.feedburner.com/BetterWPnet" rel="nofollow ugc">latest WordPress Tips and Ideas</a> from BetterWP.net.</li>
</ul>
Languages
<ul>
<li>English (default)</li>
<li>Italian (it_IT) – Thanks to <a href="http://www.polslinux.it" rel="nofollow ugc">Paolo Stivanin</a>!</li>
</ul>
Please <a href="http://betterwp.net/wordpress-tips/create-pot-file-using-poedit/" rel="nofollow ugc">help translate</a> this plugin!
Visit <a href="http://betterwp.net/wordpress-plugins/bwp-syntax/" rel="nofollow ugc">Plugin’s Official Page</a> for more information!

Better WordPress Syntax Highlighter

This plugin allows you to highlight code syntax in your posts. There are plenty of options to choose.

Code Syntax Highlighting Block vs Better WordPress Syntax Highlighter