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.

willdelphia

<p>Registers a raw html block which uses the ACE Editor. Features include syntax highligting, line numbers, indentation, and HTML validation.</p>
<p>Any HTML markup included in your block will be interpreted and rendered on your user-facing page or post just like the core “Custom HTML” block. This plugin is not for embedding pretty markup on your front-end site, rather it is for those developers that need to include raw HTML in their pages or posts and want to improve the readability of their HTML snippets and have a better in-browser code editing experience.</p>
<h3>To Use:</h3>
<p>Create a new block in the editor and look for “ACE HTML Block” in the Formatting section. It has a heart icon.</p>
<h3>Note on block transforms:</h3>
<p>There (hopefully) may come a time in the future when WordPress introduces native syntax highlighting on core “Custom HTML” blocks. This block is configured to transform to (and from) the core HTML block so the transition away from this plugin will be easy if you ever want to disable it.  To transform this block click on the heart icon in the upper left corner of the block and select “Custom HTML” from the dropdown menu.</p>
<h3>Thanks:</h3>
<p>Under the hood it uses <a href="https://github.com/securingsincity/react-ace" rel="nofollow ugc">react-ace</a>.</p>


ACE HTML Block

Registers a raw html block which uses the ACE Editor. Features include syntax highligting, line numbers, indentation, and HTML validation.

4WP Advanced Code vs ACE HTML Block