ZeroClipboard універсальний спосіб копіювання з сайту, Vaden Pro
Із цієї статті можна дізнатися один із способів швидкого копіювання певних фрагментів тексту. Зокрема розповідається про роботу та встановлення плагіна ZeroClipboard, а також описуються його функціональні налаштування.
Існує безліч Інтернет-ресурсів, звідки люди черпають інформацію для своїх повсякденних справ, навчання чи роботи. Іноді знайдену інформацію необхідно кудись записати або зберегти. Відповідь будь-якого користувача буде очевидна:Ctrl+С, та бувCtrl+Vі проблему вирішено. Але досить часто в тексті трапляється така ділянка, на якій досить важко орудувати курсором миші для виділення тексту, і комбінаціяCtrl+Атеж не допоможе, тому що виділить дуже багато зайвого. Виходом може стати функціональне рішення у вигляді кнопки, яка додаватиме в буфер обміну потрібний фрагмент. Досить часто такий прийом використовують для копіювання коду, оскільки його перенесення якраз і викликає найбільше проблем.
При спробах створення такого функціоналу класичними способами кодомHTMLіCSSможе виникнути безліч проблем. Це пов'язано з тим, що практично всі браузери не дозволяють автоматично копіювати інформацію до буфера, це пов'язано з питанням безпеки. Наприклад, якби це було можливо, то зловмисники могли б маскувати віруси під інформацію, яка б надходила до вас у буфер. Можлива також і зворотна ситуація, коли хакери могли зчитувати дані з вашого буфера обміну. Тому браузери повністю ізолювалися від такої схеми роботи підвищення безпеки роботи своїх користувачів.
Однак це стосується лише коду, а через флеш легко можна копіювати текст. Такий принцип роботи має плагінZeroClipboard. Сутність цього процесу полягає в тому, що створюється флеш-площина, що відповідає розміру певного інформаційного блоку, накладається на нього, а при натисканні ця флешка вважає цей фрагмент тексту і перемістити його в буфер обміну. Варто зазначити, що зв'язок між флеш-площиною та певним текстовим фрагментом здійснюється за допомогою синхронізації ідентифікатора.
У ході встановлення в першу чергу необхідно відвідати офіційний сайт плагіна і звідти викачати 2 основних файли для роботи:
Після того, як необхідні файли завантажені та скопійовані у певну директиву вашого сайту, потрібно підключити js-код ZeroClipboard. Для цього достатньо вставити наступний рядок коду
Після цього необхідно прописати процедуру ініціалізації для скрипту
Тепер вважаю за потрібне розписати кожний рядок наведеної ініціалізації:
Необхідно відзначити той факт, що для коректної роботи плагіна за вказаною схемою флеш-файл ZeroClipboard.swf повинен знаходитися в тій же директиві, що і документ з HTML-кодом, інакше код ініціалізації потрібно модифікувати і додати такий запис
На практиці робота плагіна має виглядати десь так
Як уже було сказано, для кожного уривка тексту, який копіюватиметься, необхідно створювати окремий клієнт, який здійснюватиме цей процес. Після того, як нового клієнта визначено, необхідно налаштувати його роботу. Нижче наведено перелік функцій для його налаштування
У разі використання функції addEventListener для створення оброблювача потрібно пам'ятати про наступні події, а також про їх призначення
- onLoad– робота функції почнеться тільки після завантаження флеш-платформи.
- onMouseOver– процес починається в момент наведення курсору на об'єкт.
- onMouseOut– процес починається у момент відходу курсору з периметра об'єкта.
- onMouseDown- відповідає за клік мишею на флеш-елементом.
- onMouseUp– реагує в момент відпускання кнопки миші після натискання на флеш-елемент.
- onComplete– функція розпочне роботу після успішного копіювання інформації в буфер обміну.
Підводячи підсумок
На завершення хотілося б відзначити корисність плагіна за потреби автоматичного копіювання локальних обсягів тексту. Такий прийом дуже корисний при різноманітних сайтах-перекладачах, інформаційних ресурсах про програмування та інші сфери діяльності людини, яка потребує перетворення одного способу повідомлення інформації в інший.