epiqueras

<p>Carbon Code</p>
<h4>The easiest way to create beautiful images of code comes to Gutenberg, the WordPress block editor!</h4>
<h3>How To</h3>
<ul>
<li>Add a <strong>\”Carbon Code\” Block</strong> to your post.</li>
<li>Write your code directly in the editor, copy/paste, or even <strong>drag a file into it</strong>.</li>
<li>Use the toolbar to <strong>customize</strong> the <em>syntax highlighting theme</em>, <em>background color/image</em>, <em>window effects/paddings</em>, <em>fonts</em>, and even <em>upload your own</em>. Then save your customizations as a <em>preset</em>.</li>
<li>Brace for awesomeness!</li>
<li>Your preview or published post will render your customized block with a handy <strong>copy to clipboard button</strong>.</li>
</ul>
<h3>Thanks</h3>
<p>To everyone who worked on <a href="https://github.com/dawnlabs/carbon" rel="nofollow ugc">Carbon</a>, which this project forked.</p>


Carbon Code

Adds the beautiful code editor from carbon.now.sh to the block editor.

LOOS

<p>“Highlighting Code Block” allows you to add a syntax-highlighted code block with just a click.</p>
<p>It supports both “Block Editor” and “Classic Editor”.<br />
(However, we recommend using it in the “Block Editor”.)</p>
<p>Please see the following page for a detailed explanation of this plugin.</p>
<p>URL: <a href="https://loos.co.jp/en/documents/highlighting-code-block/" rel="nofollow ugc">https://loos.co.jp/en/documents/highlighting-code-block/</a></p>
<h3>Source code</h3>
<p>The source code of this plugin is available on Github.</p>
<p>URL: <a href="https://github.com/ddryo/Highlighting-Code-Block" rel="nofollow ugc">https://github.com/ddryo/Highlighting-Code-Block</a></p>
<h3>How to use</h3>
<h4>How to use （For Block Editor）</h4>
<ul>
<li>Open the “Formatting” category of the Block Inserter.</li>
<li>There is a custom block named “Highlighing Code Block”.</li>
<li>Select it, the block will be inserted.</li>
<li>Select the language of the code and enter any code.</li>
</ul>
<h4>How to use （For Classic Editor）</h4>
<ul>
<li>You should see a select box labeled “Code Block” on the toolbar (2nd row by default).</li>
<li>When you select a language from the select box, a code block (pre tag) is inserted.</li>
</ul>
<h4>If it doesn’t work</h4>
<p>This plugin works only with PHP version 5.6 or later, WordPress 5.6 or later.<br />
Please check your PHP version or WordPress version.</p>
<h4>About settings</h4>
<p>The menu “[HCB] Settings” should be added to “Settings” in the left menu of the management screen.<br />
Settings related to this plugin are set in this menu.</p>


Highlighting Code Block

Really helpful for my new dev blog :) Thanks!

Excellent plugin

Does what it should do without bells and whistles

in love

Add code block with syntax highlighting using prism.js. (Available for Gutenberg and Classic Editor)

Carbon Code vs Highlighting Code Block