Rashid Sharafat

<p><strong>Oriole One Instant Copy</strong> enhances the standard WordPress Gutenberg Code block (<code>core/code</code>) by injecting a small, accessible “Copy” button into the top-right corner of every code block on your site — automatically, on every existing and future post.</p>
<p>No shortcodes. No block-editor changes. No database modifications. Pure progressive enhancement.</p>
<h4>How it works</h4>
<p>The plugin uses vanilla JavaScript to detect every <code>pre.wp-block-code</code> element after the page loads and appends a lightweight Copy button. When clicked, the button copies the code text to the system clipboard using the modern <code>navigator.clipboard</code> API, with a <code>document.execCommand</code> fallback for older browsers.</p>
<p>The stored post content is never touched. If you deactivate or uninstall the plugin, your posts are exactly as they were before.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Automatic</strong> — works on all existing and future posts without any editor involvement.</li>
<li><strong>Lightweight</strong> — total asset footprint under 5 KB combined (CSS + JS). Zero dependencies.</li>
<li><strong>Accessible</strong> — keyboard navigable, <code>aria-label</code> support, <code>focus-visible</code> outlines, screen-reader text, reduced-motion aware, high-contrast mode support.</li>
<li><strong>Smart enqueueing</strong> — assets are loaded only on pages that actually contain a Gutenberg code block, not on every page of your site.</li>
<li><strong>Clipboard API with fallback</strong> — uses <code>navigator.clipboard.writeText()</code> on secure contexts and falls back to <code>execCommand('copy')</code> for legacy environments.</li>
<li><strong>Duplicate-proof</strong> — skips any code block that already has a copy button to avoid conflicts with other plugins.</li>
<li><strong>Theme-safe</strong> — uses <code>currentColor</code> and semi-transparent backgrounds; works with light and dark themes without hardcoding colours.</li>
<li><strong>No jQuery</strong> — vanilla JavaScript only.</li>
<li><strong>No tracking, no telemetry, no external requests</strong> — 100% self-hosted.</li>
<li><strong>Multisite compatible</strong>.</li>
</ul>
<h4>Settings</h4>
<p>Find the settings under <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Oriole One Instant Copy</strong>:</p>
<ul>
<li><strong>Enable / Disable</strong> the button globally.</li>
<li><strong>Button text</strong> — customise the label shown on the button (default: “Copy”).</li>
<li><strong>Success text</strong> — customise the label shown after copying (default: “Copied!”).</li>
<li><strong>Position</strong> — Top Right (additional positions planned for v2).</li>
</ul>
<h4>Developer Notes</h4>
<p>All settings use the WordPress Settings API with <code>sanitize_callback</code> and proper nonce handling via <code>settings_fields()</code>. No custom REST endpoints, no Gutenberg/React dependencies, no build tools required.</p>
<p>The plugin defines the following PHP constant and classes:</p>
<ul>
<li><code>ORIOLE_OIC_VERSION</code> — current plugin version string.</li>
<li><code>Oriole_OIC_Plugin</code> — main bootstrap class (singleton).</li>
<li><code>Oriole_OIC_Settings</code> — settings page and storage class.</li>
</ul>
<p>Option stored in <code>wp_options</code>: <code>oriole_oic_settings</code> (autoloaded, single serialised array).</p>


Oriole One Instant Copy

Automatically adds a lightweight, accessible Copy button to every Gutenberg code block. No shortcodes, no database changes.

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.

Oriole One Instant Copy vs Syntax Highlight Nano