hbgl

<p>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.</p>
<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.

sumapress

pablocianes

<p>A simple block to the new WordPress editor Gutenberg to insert and show code with Ace Editor.</p>
<p>Now is very easy to share code in your own web with Gutenberg and this simple code block with the power of <a href="https://ace.c9.io/" rel="nofollow ugc">Ace</a>: the successor of the Mozilla Skywriter (Bespin) project.</p>
<p>Ace is an embeddable code editor written in JavaScript with the features and performance of native editors such as Sublime, Vim and TextMate.</p>
<p>For each block you can choose many languages and styles:</p>
<ul>
<li>Lot of languages avalaibles: html, php, css, javascript, python,…</li>
<li>Syntax highlighting with more than 20 themes to choose.</li>
<li>Other options to select the font size of the code and lines to show without scroll.</li>
</ul>
<p>What You See in the backend with Gutenberg editor Is What You Get! and the plugin only enqueue the selected assets to highlighting your code with your own selected options.</p>
<h4>1.1.0</h4>
<ul>
<li>Add option: show copy button</li>
<li>Add option: show or hide lines numbers</li>
<li>Improve Safari Browser compatibility</li>
<li>Add Bash/Shell language</li>
</ul>
<h4>1.2.0</h4>
<ul>
<li>Allow working without use of <?php tag</li>
<li>Improve WPO with better enqueue</li>
</ul>
<h3>Feedback and support</h3>
<p>I would be happy to receive your feedback to improve this plugin.<br />
Please let me know through <a href="https://wordpress.org/support/plugin/simple-code-block" rel="ugc">support forums</a> if you like it and please be sure to <a href="https://wordpress.org/support/plugin/simple-code-block/reviews/#new-post" rel="ugc">leave a review.</a>.</p>
<p>Also you can contact me on my personal page <a href="https://pablocianes.com/" rel="nofollow ugc">Pablo Cianes</a> or even visit <a href="https://github.com/PCianes/simple-code-block" rel="nofollow ugc">Github of Simple Code Block</a> where you can find all the development code of this plugin.</p>
<p>I hope it is useful for you and look forward to reading your reviews! 😉 Thanks!</p>


Simple Code Block

Simple yet powerful block for everyone who wants a code block

Thanks!

Works as advised

Perfect

Simple, Gutenberg enabled and good looking code blocks.

Much needed plugin

A simple block to insert code into Gutenberg.

Code Syntax Highlighting Block vs Simple Code Block