Takashi Fujisaki

<p>Syntax Highlight Nano adds beautiful, customizable syntax highlighting to WordPress’s core code block.<br />
It integrates seamlessly with the Gutenberg editor, providing a consistent look and feel between the editor and the frontend.<br />
Because it extends the existing “Code” block, there is no need for a separate custom block or switching between different block types.<br />
This plugin is built on top of <strong>highlight.js</strong>, ensuring accurate and performant syntax highlighting for a wide variety of languages.</p>
<h4>Features</h4>
<ul>
<li><strong>Automatic language detection</strong>: Intelligently detects the programming language of your code.</li>
<li><strong>Customizable header</strong>: Optionally display a header above the code block with a filename or language name.</li>
<li><strong>Line numbers</strong>: Toggle line numbers on or off to improve code readability.</li>
<li><strong>Copy to clipboard button</strong>: A convenient button appears on hover, allowing users to copy the code with a single click.</li>
<li><strong>Lightweight and performant</strong>: Uses highlight.js for efficient, optimized syntax highlighting.</li>
<li><strong>WordPress best practices</strong>: Built following WordPress development standards.</li>
</ul>
<h4>How to Use</h4>
<ol>
<li>Install and activate the plugin.</li>
<li>In the WordPress editor, add a standard “Code” block.</li>
<li>Enter your code.</li>
<li>In the block settings sidebar, you can:
<ul>
<li>Select a programming language (or leave it for automatic detection).</li>
<li>Add a filename.</li>
<li>Toggle header visibility.</li>
<li>Toggle line number visibility.</li>
</ul>
</li>
<li>The code block will be automatically highlighted on the frontend.</li>
</ol>
<h3>Privacy</h3>
<p>This plugin does not collect any personal data. It does not set cookies or connect to external services. All processing happens locally on your server and in the user’s browser.</p>
<h3>Credits</h3>
<p>This plugin uses highlight.js (BSD 3‑Clause License).<br />
Copyright (c) 2006, Ivan Sagalaev<br />
https://github.com/highlightjs/highlight.js</p>
<h3>Support</h3>
<p>For support, feature requests, and bug reports, please visit:<br />
https://github.com/takashifujisaki/syntax-highlight-nano/issues</p>


Syntax Highlight Nano

Adds modern syntax highlighting to WordPress's standard code block using the robust highlight.js library.

dwhitevisoft

<p>WP Markdown Syntax Sugar work in conjunction with plugins such as <a href="https://wordpress.org/extend/plugins/wp-markdown/" rel="ugc">wp-markdown</a><br />
and <a href="https://wordpress.org/extend/plugins/wp-highlightjs/" rel="ugc">wp-highlight.js</a>. Markdown is fantastic markup for easily<br />
writing blogs, and <a href="http://softwaremaniacs.org/soft/highlight/en/" rel="nofollow ugc">highlight.js</a> is an extremely easy way to highlight<br />
code examples. In most cases, highlight.js automatically detects the proper language for a block of code. In certain<br />
cases, primarily if your code example is short, highlight.js could improperly detect the language that you are using;<br />
that is where this plugin comes into play. By adding one line to your code blocks, you can explicitly set the language<br />
that you are using, allowing highlight.js to properly format your code.</p>
<p>The concept is inspired by the <a href="https://github.com/spjwebster/wp-markdown-syntax-highlight" rel="nofollow ugc">wp-markdown-syntax-highlight</a><br />
plugin.</p>
<p>The usage is extremely simple. Just add a shebang as the first line of your code example with the language you are using.</p>
<pre><code>#!ruby
class Foo < Bar
  def hello
    puts "Hello World!"
  end
end
</code></pre>
<p>The shebang is removed, and the code is outputted as:</p>
<pre><code><pre><code class="language-ruby">class Foo < Bar
  def hello
    puts "Hello World!"
  end
end</code></pre>
</code></pre>
<p>Now the code block is properly formatted for highlight.js to do its magic, and the code snippet will be properly<br />
highlighted.</p>


WP-Markdown-Syntax-Sugar

WP Markdown Syntax Sugar is a simple plugin that works in conjunction with Markdown code blocks and highlight.js to properly format code.

Syntax Highlight Nano vs WP-Markdown-Syntax-Sugar