Takashi Fujisaki

Syntax Highlight Nano adds beautiful, customizable syntax highlighting to WordPress’s core code block. 
It integrates seamlessly with the Gutenberg editor, providing a consistent look and feel between the editor and the frontend. 
Because it extends the existing “Code” block, there is no need for a separate custom block or switching between different block types. 
This plugin is built on top of highlight.js, ensuring accurate and performant syntax highlighting for a wide variety of languages.
<h4>Features</h4>
<ul>
<li>Automatic language detection: Intelligently detects the programming language of your code.</li>
<li>Customizable header: Optionally display a header above the code block with a filename or language name.</li>
<li>Line numbers: Toggle line numbers on or off to improve code readability.</li>
<li>Copy to clipboard button: A convenient button appears on hover, allowing users to copy the code with a single click.</li>
<li>Lightweight and performant: Uses highlight.js for efficient, optimized syntax highlighting.</li>
<li>WordPress best practices: 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>
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.
<h3>Credits</h3>
This plugin uses highlight.js (BSD 3‑Clause License). 
Copyright (c) 2006, Ivan Sagalaev 
https://github.com/highlightjs/highlight.js
<h3>Support</h3>
For support, feature requests, and bug reports, please visit: 
https://github.com/takashifujisaki/syntax-highlight-nano/issues

Syntax Highlight Nano

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

tcstix

<a href="https://www.tonyherman.com/code-copy-button-wordpress-plugin/" rel="nofollow ugc">Live Demo</a>
Make it easy for your readers and users to copy code snippets directly from your website. The Code Block Copy Button plugin adds a handy copy button to all code blocks, helping developers, tech writers, and educators improve user experience.
Features: 
– Automatically adds a Copy button to all <code><pre></code> code blocks, including Gutenberg Code and Preformatted blocks. 
– Customize the button text (e.g., “Copy”, “Copy Code”). 
– Change the button color to match your site’s theme. 
– Clean, modern SVG icon included in the button. 
– Simple settings panel under Settings > Code Block Copy. 
– Works with both Classic and Gutenberg editors. 
– Includes an optional promotional banner in the admin panel.<a href="https://www.tonyherman.com/code-copy-button-wordpress-plugin/" rel="nofollow ugc">Live Demo</a>
Make it easy for your readers and users to copy code snippets directly from your website. The Code Block Copy Button plugin adds a handy copy button to all code blocks, helping developers, tech writers, and educators improve user experience.
Features: 
– Automatically adds a Copy button to all <code><pre></code> code blocks, including Gutenberg Code and Preformatted blocks. 
– Customize the button text (e.g., “Copy”, “Copy Code”). 
– Change the button color to match your site’s theme. 
– Clean, modern SVG icon included in the button. 
– Simple settings panel under Settings > Code Block Copy. 
– Works with both Classic and Gutenberg editors. 
– Includes an optional promotional banner in the admin panel.<a href="https://www.tonyherman.com/code-copy-button-wordpress-plugin/" rel="nofollow ugc">Live Demo</a>
Make it easy for your readers and users to copy code snippets directly from your website. The Code Block Copy Button plugin adds a handy copy button to all code blocks, helping developers, tech writers, and educators improve user experience.
Features: 
– Automatically adds a Copy button to all
<
pre> code blocks. 
– Customize the button text (e.g., “Copy”, “Copy Code”). 
– Change the button color to match your site’s theme. 
– Simple settings panel under Settings > Code Block Copy. 
– No coding required – just install, configure, and you’re done. 
– Includes an optional affiliate link banner in the admin to help support development.
<h3>License</h3>
This plugin is licensed under the GPL2 license. See https://www.gnu.org/licenses/gpl-2.0.html for details.
Add a customizable copy button to code blocks for fast, one-click copying.
<h3>License</h3>
This plugin is licensed under the GPL2 license. See https://www.gnu.org/licenses/gpl-2.0.html for details.
Add a customizable copy button to code blocks for fast, one-click copying.
<h3>License</h3>
This plugin is licensed under the GPL2 license. See https://www.gnu.org/licenses/gpl-2.0.html for details.

Code Block Copy Button

Add a customizable copy button to code blocks for fast, one-click copying.

Syntax Highlight Nano vs Code Block Copy Button