Inyección de texto cuando el contenido se copia desde una página web

Question

Me encontré con un sitio que inyecta un " Leer más: " línea al final de cualquier texto que resalte y copie de sus páginas.

Nunca he visto esto antes, y sin profundizar en su código, no puedo encontrar el código que hace esto.

¿Alguien sabe cómo se hace esto?

Ejemplo: http://peaceful-parenting.suite101.com/article.cfm/ how_to_keep_kids_from_climbing_on

Copie un párrafo de texto y péguelo en otra aplicación, y habrá un " lea más " línea después.

Answer 1

Suite101 está utilizando un servicio de terceros llamado Tynt .

El fragmento de JavaScript de Tynt se encuentra en http://tcr.tynt.com/javascripts/Tracer. js

Exploré la fuente por usted (con ayuda de Embellecedor de JavaScript en línea ).

Entonces, esto es lo que está sucediendo:

• el código se activa en eventos como mouseup, mousedown y copy (en la función startListeningForTraces)
• si el usuario seleccionó un rango de texto, entonces:
  • crea el HTML para un enlace de atribución, más la URL de licencia CC opcional
  • agrega este HTML a la selección, colocándolo dentro de un tamaño cero <div> (para mantenerlo invisible en la pantalla)
  • informa lo que se volvió a copiar en los servidores de Tynt

El código de Tynt hace una gran cantidad de trabajo para que funcione sin problemas en todos los navegadores.

Answer 2

Parece que es tynt.com, que es una especie de trazador para el texto que se copia de su página.

Del sitio tynt.com

  

Tracer agrega automáticamente un enlace a su sitio cuando el contenido se copia y se pega.     Leer más: http://tracer.tynt.com/features-and -benefits-of-tracer # ixzz0MgaE6z6y     Bajo licencia Creative Commons: Atribución Sin derivados

Diablos ... acaba de agregar el enlace Leer más y las cosas de la licencia CC al texto que copié del sitio tynt.com.