Luis Sacristán

<p>Allows to add snippets blocks to your content: Javascript, CSS, HTML…</p>
<h3>Purpose</h3>
<p>Add snippet blocks to your WordPress content using the new Gutenberg editor</p>
<h3>How to use it</h3>
<ul>
<li>Add a Snippet block within your content</li>
<li>Include your code</li>
<li>Select the language</li>
<li>Save the post and check your front-end</li>
</ul>
<h3>Supported languages</h3>
<ul>
<li>Apache</li>
<li>Bash</li>
<li>C#</li>
<li>C++</li>
<li>CSS</li>
<li>Erlang</li>
<li>Go</li>
<li>HTML</li>
<li>XML</li>
<li>Handlebars</li>
<li>JSON</li>
<li>Java</li>
<li>JavaScript</li>
<li>Markdown</li>
<li>Objective C</li>
<li>PHP</li>
<li>Python</li>
<li>R</li>
<li>Ruby</li>
<li>Rust</li>
<li>SCSS</li>
<li>SQL</li>
<li>Shell</li>
<li>Twig</li>
<li>TypeScript</li>
</ul>
<h3>Credits</h3>
<ul>
<li>Based in Making WordPress Do More <a href="https://github.com/mkdo/block-starter-kit" rel="nofollow ugc">Block Starter Kit</a></li>
<li>Original webpack configuration (before modifications) from <a href="https://github.com/zgordon/gutenberg-course" rel="nofollow ugc">Zac Gordon\’s Gutenberg Course</a>.</li>
<li>Original deploy script (before modifications) from <a href="https://github.com/GaryJones/wordpress-plugin-git-flow-svn-deploy" rel="nofollow ugc">Garry Jones</a>.</li>
<li>Webpack HMR thanks to <a href="https://github.com/CGlingener" rel="nofollow ugc">Christian Glingener</a></li>
</ul>
<h3>Requirements</h3>
<p>Gutenberg activated</p>
<h3>Known Issues</h3>
<p>There are no known issues at this time.</p>
<h3>Roadmap</h3>
<ul>
<li>Allow several themes</li>
</ul>


Snippets Block

Allows to add snippets blocks to your content: Javascript, CSS, HTML...

PiotrPress

Clearcode

<p>The CC-Syntax-Highlight plugin supports syntax highlighting of Posts, Pages, and any public Custom Post Types.<br />
It uses <a href="https://highlightjs.org/" rel="nofollow ugc">highlight.js</a> or <a href="https://github.com/google/code-prettify" rel="nofollow ugc">google-code-prettify</a> libraries.<br />
Additionally it can use the <a href="https://clipboardjs.com/" rel="nofollow ugc">clipboard.js</a> library to add a button that copies text to the clipboard and <a href="https://github.com/wcoder/highlightjs-line-numbers.js/" rel="nofollow ugc">highlightjs-line-numbers.js</a> plugin to add line numbers.<br />
It is delivered with support for shortcode (default [code] – you can change it on the settings page) which automatically converts all special characters to HTML entities.<br />
This plugin is compatible with Multisite WordPress installations.</p>
<h4>How does it work?</h4>
<ol>
<li>Go to the ‘Settings > Syntax Highlight’ page, select your preferred options and save them.</li>
<li>Simply add the source code to your post (or other selected public Custom Post Type) wrapped with:<br />
<pre><code>Your source code</code></pre><br />
or if you would like to automatically convert all special characters to HTML entities, use shortcode wrapper instead (default [code] – you can change it on the settings page):<br />
<pre>[code]Your source code[/code]</pre></li>
</ol>
<p><em>Plugin’s js scripts and css styles files only load if the source code occurs on displaying page.</em></p>


CC-Syntax-Highlight

This plugin allows you very simply syntax highlight source code in your content using highlight.js or google-code-prettify libraries.

Snippets Block vs CC-Syntax-Highlight