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.

snowbedding

<p><a href="https://www.tiptinker.com/easy-syntax-highlighter-wordpress-plugin/" rel="nofollow ugc">Easy Syntax Highlighter</a> is a powerful WordPress plugin that helps improve your website’s code presentation by providing beautiful syntax highlighting. Using the latest Highlight.js library, it supports over 20 programming languages with 80+ color themes, copy-to-clipboard functionality, and seamless integration with both classic and Gutenberg editors.</p>
<h3>Features</h3>
<ul>
<li><strong>Modern Highlight.js Engine</strong>: Uses the latest Highlight.js library for fast, accurate syntax highlighting</li>
<li><strong>80+ Themes Included</strong>: Over 80 themes for both light and dark modes, all stored locally for offline compatibility</li>
<li><strong>Unlimited Language Support</strong>: Supports 20+ programming languages including JavaScript, PHP, Python, CSS, HTML, SQL, Bash, and more</li>
<li><strong>Modern JavaScript</strong>: Promise-based loading with proper error handling and performance optimizations</li>
<li><strong>Performance Optimized</strong>: Smart asset loading—only loads when code blocks are present on the page</li>
<li><strong>Security Focused</strong>: Proper input sanitization and output escaping</li>
<li><strong>Admin Interface</strong>: Clean, modern settings page with visual theme selector integrated with WordPress admin</li>
<li><strong>Localization Ready</strong>: Translation-ready with proper text domains</li>
<li><strong>Backward Compatible</strong>: Automatic migration from old plugin versions</li>
</ul>
<h3>How to Use</h3>
<ol>
<li><strong>Gutenberg Block Editor</strong>: Use the default WordPress “Code” block. The plugin automatically detects the language and highlights it. There is no language setting in the sidebar; detection is automatic. If you need to force a language, edit the block as HTML and add a class to the <code><code></code> element (e.g., <code><code class="language-php"></code>).</li>
<li><strong>Classic Editor</strong>: Use the TinyMCE button (code icon) with the modal dialog for easy code insertion.</li>
<li><strong>Copy to Clipboard</strong>: Double-click any code block to instantly copy its content with visual feedback.</li>
</ol>
<h3>Use Cases</h3>
<ul>
<li>Technical blogs and tutorials</li>
<li>Documentation websites</li>
<li>Programming courses and educational content</li>
<li>Developer portfolios</li>
<li>API documentation</li>
<li>Code examples and snippets</li>
</ul>
<h3>Support</h3>
<p>For support, bug reports, or feature requests, please visit: <a href="https://github.com/tiptinker/easy-syntax-highlighter" rel="nofollow ugc">Github</a></p>
<h3>Contributing</h3>
<p>Contributions are welcome! Please feel free to submit pull requests or open issues on GitHub.</p>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later.<br />
License URI: https://www.gnu.org/licenses/gpl-2.0.html</p>


Easy Syntax Highlighter

Modern, lightweight syntax highlighter for WordPress using Highlight.js

Oriole One Instant Copy vs Easy Syntax Highlighter