Копировать в буфер
15 Apr, 2009Не самая критичная фича, но весьма специфическая в реализации.
Что это и зачем
Обычно эту кнопку помещают возле всяких «кодов для вставки» видео, или картинок. Чтобы людям было проще копировать. Как-то так:
Копирование ссылки на одном из укоротителей ссылок
Копирование кода на dni.ru
Как это делают
Скопировать в буфер в IE можно обычным джаваскриптом:- window.clipboardData.setData('Text','Текст который будет в буфере');
- flash = '<embed src="copy.swf" FlashVars="clipboard='+encodeURIComponent(t)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
- element.innerHTML = flash;
Проблема
Однако, осенью 2008 в флэше нашелся эксплойт, благодаря которому злоумышленники могли как угодно использовать буфер обмена пользователя без его ведома (собственно, метод описанный выше и был эксплойтом). Поэтому в Flash 10 было введено ограничениеWith Flash Player 10, the System.setClipboard() method may be successfully called only through ActionScript that originates from user interaction.Потому, на самом деле, вся та куча плагинов для jquery, например, которые вы нагуглите по запросу «jquery copy to clipboard» попросту не работает в 10м Flash плеере. При этом, они отлично работают в 8 и 9 версиях (что внесло кучу путаницы в разбирательство с ситуацией). Но учитывая что 10й имеет долю больше 50% нет никакого смысла его игнорировать. Копирование в буфер старым способом больше нельзя считать надежным.
Решение
Так как мне в одном из проектов совершенно обязательно надо было реализовать эту фичу. Пришлось использовать единственный на данный момент вариант. Его я сделал реиспользуемым в своих же интересах. Способ прост: если нельзя скопировать без клика на флэше, значит будем кликать на флэш. Genn помог с самой простой и гибкой реализацией этой идеи. Мы создали флэш-кнопку в качестве параметров которой передаются:clipboard— текст который нужно скопировать в буферnormal— картинка для для дефолтового состояния кнопкиhover— картинка для mouseover состояния кнопкиpressed— картинка для нажатого состояния кнопки
clipboard копируется в буфер при клике на кнопку.
Для примера взял две такие картинки:
Зеленая дефолтовая, синяя для нажатого состояния. Потому что зеленый круче.
Ссылки
- Апдейт флэша в котором запретили копировать в буфер без действий пользователя
- Thanx for not killing the Flash clipboard
- Примеры кнопок (скачать файлы)
- Автоматизированный вариант с mootools
- Способ с джаваскриптом подставляющим поверх кнопок прозрачный флэш-ролик (Спасибо Иван!)
- Пост на mega.genn.org про эти кнопочки
Собственно пост я написал чтобы никто не пытался реализовать копирование в буфер с помощью старого джаваскрипта. И чтобы никогда больше не волноваться об этой проблеме самому. =)
Update: Как оказалось этот флэш-метод не работает на Ubuntu c Gnash/swfdec. Однако на этих эмуляторах не работают и никакие другие методы. Спасибо Владимиру за указание на проблему!
54 комментариев к “Копировать в буфер”