Contenido

ZeroClipboard: Copia al portapapeles desde Javascript

29 oct

+ 8

David Walsh publicó hace unos días una implementación del método con flash para poder interactuar con el portapapeles desde nuestro Javascript.

// HTML
<script type="text/javascript" src="ZeroClipboard.js"></script>
<textarea name="box-content" id="box-content" rows="5" cols="70">
 The David Walsh Blog is the best blog around!  MooTools FTW!
</textarea>
<br /><br />
<p><input type="button" id="copy" name="copy" value="Copy to Clipboard" /></p>

// Javascript

 ZeroClipboard.setMoviePath('http://davidwalsh.name/dw-content/ZeroClipboard.swf');
 // Creamos el cliente
 var clip = new ZeroClipboard.Client();

 // Eventos
 clip.addEventListener('mousedown',function() {
 clip.setText(document.getElementById('box-content').value);
 });
 clip.addEventListener('complete',function(client,text) {
 alert('copied: ' + text);
 });

 clip.glue('copy');

Este sistema se basa en el uso de un pequeño componente SWF al que le puedes enviar un texto y este se encarga de alojarlo en el portapapeles para posteriormente usarlo con cualquier aplicación.

David pone a nuestra disposición el script en un proyecto de Google Code para que podamos integrarlo fácilmente en nuestros proyectos.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.