treeflips

Yin Zhongzhen

Simple plugin that automatically copies content in <code><pre></code> and <code><code></code> tags to clipboard (when clicked). Other plugins out there do the same but create a little [COPY] button that you have to aim for. Mine doesn’t require any aiming, just click anywhere on the code block and it copies the whole thing. Customizable hover tooltip lets you know it’s copied.
For sites sharing code-commands, this plugin will save users time from having to highlight and copy-paste bits of text back and forth. It’s especially helpful for large globs of code that scroll off-screen, or when copying on your mobile phone. I’ve added more features to make it more helpful.
Features: 
* Easy aim – click anywhere on text block to copy entire text, no need to aim for tiny text or clipboard icon. 
* Tooltip text customization – change tooltip text. 
* Tooltip color options – customize tooltip background and text colors. 
* Tooltip hover custom CSS – completely restyle the tooltip hover. 
* Tooltip function custom CSS – apply tooltip function to other CSS classes. Allowing copy function on any content block, not only code blocks.

Code Click to Copy

Great

Doesn't work with <PRE> tag, and lots of bugs

Doesn't work with tag, and lots of bugs

Copies and tags automatically to clipboard with customizable tooltips.

Dan D

Codeblocks Extended with PrismJS was born of a personal need for a lightweight code highlighter, with special functionality. 
Many of the other PrismJS based plugins in the repository were either outdated, or were lacking features that I was looking for.
Features:
<ul>
<li>Integrates the latest PrismJS build, with the most common langauges used.</li>
<li>Integrates the PrismJS line-numbers plugin, to automatically number lines of code.</li>
<li>Integrates the PrismJS line-highlight plugin to allow you to highlight specific lines of code.</li>
<li>Integrates ClipboardJS + custom jQuery to add a “Copy to Clipboard” button to each code block.</li>
<li>Custom Text Editor button to wrap selected text with the most commmon <code><pre></code> and <code><code></code> classes, and replacing special characters with their HTML safe equivalents.</li>
<li>Custom Visual Editor / TinyMCE dropdown button, with the most common languages to wrap selected text.</li>
<li>Since this works via wrapping <code><pre></code> and <code><code></code> tags with classes, you can use all custom class settings that PrismJS offers.</li>
<li>No shortcodes to mess with, so you don’t have to worry about losing whitespace between editor modes.</li>
<li>No settings page needed: Just activate it and go!</li>
</ul>
For a full list of languages supported and more information on this plugin’s use, please check out the FAQ.
Note: This does NOT auto-detect the language. Most plugins that do so brute force the languages or require file extensions, resulting in a much heavier plugin. The decision was made to keep this as light-weight as possible.
Note 2: This is designed to work with the Classic Editor. It does not currently work in Gutenberg blocks.
Thanks to Mike @ <a href="https://wp-bullet.com/" rel="nofollow ugc">WP Bullet</a> for the banner and icon.

Codeblocks Extended with PrismJS

Codebocks Extended with PrismJS includes syntax highlighting, copy to clipboard, and Visual + Text editor integration.

Code Click to Copy vs Codeblocks Extended with PrismJS