João Carmo Pereira

This plugin will add a new copy to clipboard functionality to Gutenberg Code Block. 
It will add a copy button at the top right corner of the block. After clicked, it will select the text, copy to clipboard, and after copy it will deselect the copied text. No markup here.
This plugin makes use of two javascript libraries: 
Clipboard.js and Prism.js

Carmo Copy to Clipboard

This plugin will add a new copy to clipboard functionality to Gutenberg Code Block.

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.

Carmo Copy to Clipboard vs Code Block Copy Button