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.

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.

Oriole One Instant Copy vs Code Block Copy Button