dottoro

<p>Dottoro Highlighter plugin is based on the <a href="http://tools.dottoro.com/services/highlighter/docs/plugins.php" rel="nofollow ugc">Dottoro Syntax Highlighter</a> service that provides professional coloring for CSS, HTML, JavaScript and XML languages.<br />
It supports highlighting CSS, JavaScript and XML blocks embedded into HTML documents, optionally selectable line numbering and buttons for copying and printing code snippets.<br />
It performs a detailed lexical analysis on the source code and attaches different style classes for different language items, thus providing a very flexible way to modify the appearance of the highlighted code.</p>
<p>Using of the Dottoro Highlighter plugin is really simple. Just insert your code snippet in the Visual or HTML view, select it and press the Dr-Highlight button on the toolbar.<br />
You don’t need to embed your source code into an element (such as PRE), just select the whole source that you want to highlight and press the Dr-Highlight button.<br />
Clicking on the Dr-Highlight button pops up a dialog box where you can specify the settings for the highlighted code.<br />
If you need to modify the appearance of a previously highlighted code, click into it then click on the Dr-Highlight button on the toolbar.</p>
<p>The default settings for the Dottoro Highlighter plugin can be set on the preferences page.<br />
For further description, please visit the <a href="http://tools.dottoro.com/highlighter/" rel="nofollow ugc">Dottoro Syntax Highlighter</a> site.</p>


Dottoro Syntax Highlighter

Colorize your source code as easily as possible. Dottoro Highlighter provides professional coloring for CSS, HTML, JavaScript and XML languages.

<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)

Dottoro Syntax Highlighter vs Highlighting Code Block