Inserimento di testo quando il contenuto viene copiato da una pagina Web

Question

Mi sono imbattuto in un sito che inietta un "Leggi di più:" alla fine di qualsiasi testo evidenziato e copiato dalle sue pagine.

Non l'ho mai visto prima e, senza scavare a fondo nel loro codice, non riesco a trovare il codice che fa questo.

Qualcuno sa come si fa?

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

Copia un paragrafo di testo e incollalo in un'altra applicazione e successivamente ci sarà una riga "leggi di più".

Answer 1

Suite101 utilizza un servizio di terze parti chiamato Tynt .

Lo snippet JavaScript di Tynt si trova in http://tcr.tynt.com/javascripts/Tracer. js

Ho esplorato la fonte per te (con un po 'di aiuto dal Beautifier JavaScript online ).

Quindi, ecco cosa sta succedendo:

• il codice si attiva su eventi come mouseup, mousedown e copia (nella funzione startListeningForTraces)
• se l'utente ha selezionato un intervallo di testo, allora:
  • crea l'HTML per un collegamento di attribuzione, oltre all'URL di licenza CC opzionale
  • aggiunge questo HTML alla selezione, posizionandolo all'interno di una dimensione zero <div> (per mantenerlo invisibile sullo schermo)
  • riporta ciò che è stato copiato nuovamente sui server di Tynt

Il codice di Tynt svolge un'enorme quantità di lavoro per farlo funzionare senza problemi tra i browser.

Answer 2

Sembra che sia tynt.com, che è una sorta di tracciante per il testo copiato dalla loro pagina.

Dal sito tynt.com

Tracer aggiunge automaticamente un collegamento al tuo sito quando il contenuto viene copiato e incollato.Per saperne di più: http://tracer.tynt.com/features-and-benefits-of-tracer#ixzz0MgaE6z6ySotto la licenza Creative Commons:Attribuzione Non Derivati

Diamine...ha semplicemente aggiunto il collegamento Leggi di più e il materiale della licenza CC al testo che ho copiato dal sito tynt.com.