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.

Alec

<p>Add ace editor to any textarea in admin.</p>
<p>Works with other plugins. Initially tuned to support ‘CUSTOM CSS-JS-PHP’ plugin, but far from being limited to it only.</p>
<p>Uses jQuery selectors-like syntax for tuning.</p>
<h4>Selectors</h4>
<p>The script will look for occurences of selectors (separate with “|”) and turn them into ace editors.</p>
<h4>Syntaxes</h4>
<p>The script will look for occurences of selectors (separate with “|”) and will pick the first existing occurence to define the language syntax for ace editor instances on this page. I.e., <em>h4:contains(‘CSS Code’)@css</em> means it will set the ace editor’s syntax to “css” if the page has <em>h4</em> which contains text <em>“CSS Code”</em>.</p>
<h4>CSS</h4>
<p>Additional CSS for ace editor holder.</p>
<h3>Credits</h3>
<p>https://github.com/ajaxorg/ace-builds</p>


Simple Code Block vs Acelerator