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.

dwhitevisoft

WP Markdown Syntax Sugar work in conjunction with plugins such as <a href="https://wordpress.org/extend/plugins/wp-markdown/" rel="ugc">wp-markdown</a> 
and <a href="https://wordpress.org/extend/plugins/wp-highlightjs/" rel="ugc">wp-highlight.js</a>. Markdown is fantastic markup for easily 
writing blogs, and <a href="http://softwaremaniacs.org/soft/highlight/en/" rel="nofollow ugc">highlight.js</a> is an extremely easy way to highlight 
code examples. In most cases, highlight.js automatically detects the proper language for a block of code. In certain 
cases, primarily if your code example is short, highlight.js could improperly detect the language that you are using; 
that is where this plugin comes into play. By adding one line to your code blocks, you can explicitly set the language 
that you are using, allowing highlight.js to properly format your code.
The concept is inspired by the <a href="https://github.com/spjwebster/wp-markdown-syntax-highlight" rel="nofollow ugc">wp-markdown-syntax-highlight</a> 
plugin.
The usage is extremely simple. Just add a shebang as the first line of your code example with the language you are using.
<pre><code>#!ruby
class Foo < Bar
 def hello
 puts "Hello World!"
 end
end
</code></pre>
The shebang is removed, and the code is outputted as:
<pre><code><pre><code class="language-ruby">class Foo < Bar
 def hello
 puts "Hello World!"
 end
end</code></pre>
</code></pre>
Now the code block is properly formatted for highlight.js to do its magic, and the code snippet will be properly 
highlighted.

WP-Markdown-Syntax-Sugar

WP Markdown Syntax Sugar is a simple plugin that works in conjunction with Markdown code blocks and highlight.js to properly format code.

Code Click to Copy vs WP-Markdown-Syntax-Sugar