A simple block to insert code into Gutenberg.

WP Lab

Ace Edit

Add syntax highlighting and more to the theme and plugin editor.

Gerkin

iThoughts Advanced Code Editor

Integrate the Code Editor Ace into your WordPress editors to help you write efficient code! Now provides code checking for your PHP files!

Davide Tommasin

ImmobilCIO

ImmobilCIO gives new features on WordPress for Real Estate Agency. ImmobilCIO fornisce nuove caratteristiche per le Agenzie Immobiliari.

Matteo Tirelli

ACE Certificazione Energetica

Il plugin indispensabile per gestire la Certificazione Energetica ( ACE ) degli immobili.

Alec

Acelerator

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>


Alternatives to Simple Code Block

Top alternatives