Cross Browser Copy and Paste - with ZeroClipboard *updated*
Eric Phan | Monday 25 January 2010 at 08:09 PM I previously wrote about a cross browser copy and paste using jQuery.Copy. Everything was fine until flash updated to version 10. It now throws a security warning. Jojo pointed out that were was another plugin using the same concept that avoids this security warning. Enter Zero Clipboard The implementation is simple:
Step 1 - Include ZeroClipboard.js & ZeroClipboard.swf
Include ZeroClipboard.js in your header scripts. After the script, set the path of the ZeroClipboard.swf flash file.
<head>
...
<script type="text/javascript" src="/scripts/ZeroClipboard.js"></script>
</head>
<script type="text/javascript">
ZeroClipboard.setMoviePath('/scripts/ZeroClipboard.swf');
</script>
Step 2 - Start using it!
ZeroClipboard allows you to create multiple instances of the clipboard. In most circumstances you will only need one. Instantiate the clipboard and then start using it.
var clip = new ZeroClipboard.Client();
// Copy some text
clip.setText("Hello World");
There’s a lot more you can do with this little script and you can find out more from their wiki
***EDIT***
Because a lot of people have been commenting about compatibility, here is the compatibility matrix from http://code.google.com/p/zeroclipboard/wiki/Instructions
Browser Support
The Zero Clipboard Library has been tested on the following browsers / platforms:
| Browser | Windows XP SP3 | Windows Vista | Mac OS X Leopard |
|---|---|---|---|
| Internet Exploder | 7.0 | 7.0 | - |
| Firefox | 3.0 | 3.0 | 3.0 |
| Safari | - | - | 3.0 |
| Google Chrome | 1.0 | 1.0 | - |
Copy and Paste, Javascript, jQuery in Development
Reader Comments (5)
is it working with ie8 ?
does this work in ie7?
what about ie6, does it work in that?
Hello,
I am trying to implement same logic for the <pre> implementation as you - syntax highlighting and copy etc. functionality.
Would you please share / write a blog post on how to accomplish that?
Regards,
Hasan Ceylan
@ratheesh, @driver cpc training, @derk updated the post to include the compatibility matrix