Rashid Sharafat

Oriole One Instant Copy 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.
No shortcodes. No block-editor changes. No database modifications. Pure progressive enhancement.
<h4>How it works</h4>
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.
The stored post content is never touched. If you deactivate or uninstall the plugin, your posts are exactly as they were before.
<h4>Key Features</h4>
<ul>
<li>Automatic — works on all existing and future posts without any editor involvement.</li>
<li>Lightweight — total asset footprint under 5 KB combined (CSS + JS). Zero dependencies.</li>
<li>Accessible — keyboard navigable, <code>aria-label</code> support, <code>focus-visible</code> outlines, screen-reader text, reduced-motion aware, high-contrast mode support.</li>
<li>Smart enqueueing — assets are loaded only on pages that actually contain a Gutenberg code block, not on every page of your site.</li>
<li>Clipboard API with fallback — uses <code>navigator.clipboard.writeText()</code> on secure contexts and falls back to <code>execCommand('copy')</code> for legacy environments.</li>
<li>Duplicate-proof — skips any code block that already has a copy button to avoid conflicts with other plugins.</li>
<li>Theme-safe — uses <code>currentColor</code> and semi-transparent backgrounds; works with light and dark themes without hardcoding colours.</li>
<li>No jQuery — vanilla JavaScript only.</li>
<li>No tracking, no telemetry, no external requests — 100% self-hosted.</li>
<li>Multisite compatible.</li>
</ul>
<h4>Settings</h4>
Find the settings under Settings → Oriole One Instant Copy:
<ul>
<li>Enable / Disable the button globally.</li>
<li>Button text — customise the label shown on the button (default: “Copy”).</li>
<li>Success text — customise the label shown after copying (default: “Copied!”).</li>
<li>Position — Top Right (additional positions planned for v2).</li>
</ul>
<h4>Developer Notes</h4>
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.
The plugin defines the following PHP constant and classes:
<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>
Option stored in <code>wp_options</code>: <code>oriole_oic_settings</code> (autoloaded, single serialised array).

Oriole One Instant Copy

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

jtgraphic

Do you ever have a really hard getting your code formatted correctly in a post? Or do you ever have issues preserving tabs?
Plum Code Box makes it easy to insert and manage code blocks using the Chili javascript syntax highlighter. The plugin adds option boxes to post and page 
editors. There are also other <a href="http://codeplum.com/wordpress-plugins/" rel="nofollow ugc">WordPress Plugins</a> available from Code Plum.
Twitter: @codeplum
Website: http://codeplum.com
<h3>Donations</h3>
You may make donations at http://www.codeplum.com

Plum Code Box

Plum Code Box makes it easy to insert and manage code blocks using the Chili javascript syntax highlighter.

Oriole One Instant Copy vs Plum Code Box