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.

Jared Harbour

Josh Lyford

Prettify is a WordPress plugin that automatically embeds the required javascript for Google Code Prettify. It also includes a preview of what your code will look like and the ability to customize the look by installing <a href="https://wordpress.org/extend/plugins/themekit/" rel="ugc">ThemeKit For WordPress</a>. ThemeKit For WordPress is also on WordPress.org.
If you prefer you can run the plugin without ThemeKit and it will just use the default Prettify styles.
Features include:
<ul>
<li>ThemeKit ready.</li>
<li>Easy to use syntax and styling. </li>
<li>Same syntax highlighter as <a href="http://css-tricks.com" rel="nofollow ugc">css-tricks.com</a>.</li>
</ul>

Prettify For WordPress

Easily add Google Code Prettify to your WordPress site. Customize the coloring with easy with options powered by ThemeKit For WordPress.

Code Syntax Highlighting Block vs Prettify For WordPress