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.

Raunak Gupta

<p>Vaaky Highlighter is a <strong>lightweight syntax highlighter</strong> plugin for the WordPress Gutenberg editor. Add beautiful <strong>code blocks</strong> with <strong>line numbers</strong>, a <strong>copy-to-clipboard button</strong>, optional <strong>filename label</strong>, automatic language detection, and 35+ themes. Powered by <strong>Highlight.js</strong> — a fast, dependency-free alternative to Prism.</p>
<p>Syntax highlighting is powered by <strong>Highlight.js</strong>, a fast and dependency-free JavaScript library that supports multiple programming languages and themes.</p>
<p>Vaaky Highlighter is ideal for <strong>developers, bloggers, technical writers, and documentation sites</strong> who want elegant syntax-highlighted code without unnecessary bloat.</p>
<p>Using it is simple: add the <strong>Vaaky Highlighter Sourcecode block</strong> in Gutenberg, paste your code, and publish — the plugin handles everything automatically.</p>
<p><strong>View the live demo of all supported themes:</strong><br />
<a href="https://www.webhat.in/?page_id=626&utm_source=wordpress.org&utm_medium=readme.txt&utm_campaign=link&utm_id=vaaky_highlighter&utm_term=Theme+Demo" rel="nofollow ugc">Demo Page</a></p>
<h3>What’s new in 1.2.0</h3>
<ul>
<li>Line numbers for code blocks</li>
<li>Floating copy-to-clipboard button on every block</li>
<li>Optional filename label (renders as a tab above the code)</li>
<li>Word-wrap toggle per block + global default</li>
<li>Visual theme picker (no more guessing from a dropdown)</li>
<li>Modernized build using @wordpress/scripts</li>
<li>Drops PHP 5.6 / WordPress 6.0 support — now requires PHP 7.4 / WordPress 6.5</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Add the <strong>Vaaky Highlighter</strong> block in the Gutenberg editor</li>
<li>Paste or write your code</li>
<li>Select a language (optional)</li>
<li>Save and view your page on the frontend</li>
</ol>
<h3>Supported Languages</h3>
<ul>
<li>Apache</li>
<li>Bash</li>
<li>C</li>
<li>C#</li>
<li>C++</li>
<li>CSS</li>
<li>DNS Zone file</li>
<li>DOS</li>
<li>Django</li>
<li>Dockerfile</li>
<li>Go</li>
<li>HTML / XML</li>
<li>Handlebars</li>
<li>JSON</li>
<li>Java</li>
<li>JavaScript</li>
<li>Markdown</li>
<li>Nginx</li>
<li>Objective-C</li>
<li>PHP</li>
<li>Plaintext</li>
<li>PostgreSQL & PL/pgSQL</li>
<li>PowerShell</li>
<li>Python</li>
<li>R</li>
<li>Ruby</li>
<li>Rust</li>
<li>SCSS</li>
<li>SQL / MySQL</li>
<li>Shell</li>
<li>Twig</li>
<li>TypeScript</li>
<li>YAML / YML</li>
</ul>


Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg

Lightweight syntax highlighter with code blocks, line numbers, copy-to-clipboard, and 35+ themes. A fast, free alternative to Prism for WordPress.

Syntax Highlight Nano vs Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg