daxitude

<p>This plugin adds an advanced code editor to the post content box on post.php and post-new.php. A third tab is added alongside Visual and HTML modes and you can toggle between the three.</p>
<p>NOTE: Visual Mode tends to eat up most/all of any special formatting. If you want to use ACE I’d suggest disabling Visual mode completely. You can do this easily yourself under Users -> Your Profile -> ‘Disable the visual editor when writing’. You can also do it for all users and for specific post types only. See the accompanying file no-visual.php for an example.</p>
<p>Not all features work in Internet Explorer v8 and earlier.</p>
<p>This does not work in full screen mode. Yet.</p>
<h4>Features</h4>
<ul>
<li>Syntax highlighting</li>
<li>Tabbing</li>
<li>Line numbers</li>
<li>Auto closing of tags and quotes</li>
<li>Line highlighting</li>
<li>Default theme is TextMate</li>
<li>Fixed-width, soft wrap, adjustable height</li>
<li>Remembers your last used mode and loads it up on initial page view</li>
</ul>
<p><a href="http://ace.ajax.org/" rel="nofollow ugc">ACE Editor</a> can do quite a bit more. If you have integration ideas, let me hear about it</p>
<h3>Todo</h3>
<ul>
<li>make height of editor consistent when toggling between modes</li>
<li>deal with auto_p? (might help preserve formatting from Visual mode)</li>
<li>make it work in full screen mode</li>
<li>allow users to set their ACE preferences on their profile screen</li>
</ul>


ACE Editor for WP

Adds ACE Editor to the post content editor for syntax-highlighting and more

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

ACE Editor for WP vs Highlighting Code Block