Ввод текста при копировании содержимого с веб-страницы

Я столкнулся с сайтом, который вводит строку "Читать дальше:" в конце любого текста, который вы выделяете и копируете с него.

Я никогда раньше этого не видел и без серьезного копания в свой код, я не могу найти код, который делает это.

Кто-нибудь знает, как это делается?

Пример: http://peaceful-parenting.suite101.com/article.cfm/how_to_keep_kids_from_climbing_on

Скопируйте абзац текста и вставьте его в другое приложение, после чего появится строка "read more".

Ответы

Ответ 1

Suite101 использует стороннюю службу под названием Tynt.

Текстовый фрагмент кода Tynt находится по адресу http://tcr.tynt.com/javascripts/Tracer.js

Я исследовал источник для вас (с некоторой помощью онлайновый JavaScript-декодер).

Итак, вот что происходит:

  • код активируется при таких событиях, как mouseup, mousedown и copy (в функции startListeningForTraces)
  • Если пользователь выбрал диапазон текста, то он:
    • создает HTML для ссылки на атрибуцию плюс дополнительный URL лицензии CC
    • добавляет этот HTML к выбору, помещая его в нулевой размер <div> (чтобы он был невидимым на экране)
    • сообщает, что было скопировано обратно на серверы Tynt.

Tynt-код выполняет огромную работу, чтобы сделать эту работу без проблем в браузерах.

Ответ 2

Похоже, что это tynt.com, который является своего рода индикатором для копирования текста с их страницы.

С сайта tynt.com

Tracer автоматически добавляет ссылку на ваш сайт, когда содержимое копируется и вставляется.   Подробнее: http://tracer.tynt.com/features-and-benefits-of-tracer#ixzz0MgaE6z6y  В соответствии с лицензией Creative Commons: атрибуция No Derivatives

Heck... он просто добавил ссылку на ссылку и материал лицензии CC на текст, который я скопировал с сайта tynt.com.