4wpdev

Anatoliy Dovgun

<p><strong>4WP Advanced Code</strong> enhances <strong>core/code</strong> blocks and provides a dedicated <strong>Advanced Code</strong> block with syntax highlighting, copy and share controls, optional notes, and SoftwareSourceCode JSON-LD for technical content.</p>
<p>A plugin by <a href="https://4wp.dev/" rel="nofollow ugc">4wp.dev</a>. <strong>4WP</strong> is our project brand; the letters “WP” appear only as part of that brand name, not as a reference to WordPress. This plugin is not affiliated with, endorsed, or sponsored by WordPress.</p>
<p>Source code: <a href="https://github.com/4wpdev/4wp-advanced-code" rel="nofollow ugc">github.com/4wpdev/4wp-advanced-code</a></p>
<h4>Key features</h4>
<ul>
<li><strong>Syntax highlighting</strong> — bundled Highlight.js (no CDN on the frontend)</li>
<li><strong>core/code wrapper</strong> — upgrade existing Code blocks without re-entering content</li>
<li><strong>Advanced Code block</strong> — per-block language, theme, copy/share, and SEO fields</li>
<li><strong>JSON-LD</strong> — optional SoftwareSourceCode structured data</li>
<li><strong>Settings</strong> — global defaults under Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> 4WP Advanced Code</li>
</ul>
<h4>Privacy</h4>
<p>Copy and share actions run in the visitor browser. When share opens Twitter or LinkedIn, the visitor leaves your site to those third-party services. No personal data is sent to 4wp.dev.</p>
<h3>Blocks</h3>
<p>This plugin provides 1 block.</p>
<ul>
<li><strong>Advanced Code</strong> — syntax-highlighted code with copy, share, and SEO controls.</li>
</ul>


4WP Advanced Code

Enhanced Code block for Gutenberg with syntax highlighting, copy and share controls, and optional SoftwareSourceCode JSON-LD.

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.

4WP Advanced Code vs Syntax Highlight Nano