Вставка текста при копировании контента с веб-страницы - PullRequest
17 голосов
/ 30 июля 2009

Я столкнулся с сайтом, который вставляет строку «Подробнее:» в конце любого текста, который вы выделяете и копируете с его страниц.

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

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

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

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

Ответы [ 2 ]

37 голосов
/ 30 июля 2009

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

Фрагмент JavaScript Tynt находится по адресу http://tcr.tynt.com/javascripts/Tracer.js

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

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

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

Код Tynt проделывает огромную работу, чтобы обеспечить бесперебойную работу в разных браузерах.

3 голосов
/ 30 июля 2009

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

С сайта tynt.com

Tracer автоматически добавляет ссылку на ваш сайт при копировании и вставке контента. Читать подробнее: http://tracer.tynt.com/features-and-benefits-of-tracer#ixzz0MgaE6z6y Лицензия Creative Commons: указание без производных

Черт возьми ... он просто добавил ссылку «читать дальше» и информацию о лицензии CC в текст, скопированный с сайта tynt.com.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...