treeflips

Yin Zhongzhen

<p>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.</p>
<p>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.</p>
<p><strong>Features:</strong><br />
* Easy aim – click anywhere on text block to copy entire text, no need to aim for tiny text or clipboard icon.<br />
* Tooltip text customization – change tooltip text.<br />
* Tooltip color options – customize tooltip background and text colors.<br />
* Tooltip hover custom CSS – completely restyle the tooltip hover.<br />
* Tooltip function custom CSS – apply tooltip function to other CSS classes. Allowing copy function on any content block, not only code blocks.</p>


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.

Andrea Ercolino

<p>Easy code highlighting for WordPress with <a href="http://noteslog.com/chili/" rel="nofollow ugc">Chili</a> (the bundled version is 2.2):</p>
<ol>
<li>Switch to the <code>code</code> tab</li>
<li>Put your code snippet inside <code><code class="lang"></code></code> tags</li>
<li>Replace the above <code>lang</code> with the language to highlight</li>
</ol>
<h4>Examples</h4>
<ul>
<li><code><code class="php">echo "&lt;script&gt;alert( 'Hello ' + $name );&lt;/script&gt;";</code></code></li>
<li><code><code class="javascript">alert( 'Hello ' + $name );</code></code></li>
</ul>
<h4>Tips</h4>
<ul>
<li>Put your code inside <code><pre><code class="lang"></code></pre></code> tags if you want to preserve white space</li>
<li>Add an “ln-” class to the <code><pre></code> element to add line numbers</li>
<li>Read the <a href="http://noteslog.com/chili/" rel="nofollow ugc">Chili</a> site for many config options</li>
<li>In version 1.2, the file chili/recipes.js is the one which contains the recipes you need. So, add/remove recipes there if you need to. By default it contains html, css, javascript, and php</li>
</ul>


WP Chili

Easy code highlighting for Wordpress with Chili

Code Click to Copy vs WP Chili