Injetando texto quando o conteúdo é copiado de uma página web
-
05-07-2019 - |
Pergunta
Eu corri para um um site que injeta um "Leia Mais:". Linha no final de qualquer texto que você destacar e copiar dele é páginas
Eu nunca vi isso antes, e sem severamente cavar em seu código, eu não posso encontrar o código que faz isso.
Alguém sabe como isso é feito?
Exemplo: http://peaceful-parenting.suite101.com/article.cfm/ how_to_keep_kids_from_climbing_on
Copiar um parágrafo de texto e colá-lo em outro aplicativo, e haverá um "ler mais" linha depois.
Solução
Suite101 está usando um serviço de 3o partido chamado Tynt .
trecho de JavaScript do Tynt está localizado na http://tcr.tynt.com/javascripts/Tracer. js
Eu explorei a fonte para você (com alguma ajuda do online JavaScript beautifier ).
Então aqui está o que está acontecendo:
- O código ativa em eventos como mouseup, mousedown e cópia (na função
startListeningForTraces
) - Se o usuário selecionado um intervalo de texto, então:
- cria o HTML para um link atribuição, além de URL licença CC opcional
- acrescenta este HTML para a seleção, colocando-o dentro de um
<div>
de tamanho zero (para mantê-lo invisível na tela) - relatórios que foi copiado de volta para os servidores da Tynt
código de Tynt faz uma tremenda quantidade de trabalho para fazer este trabalho perfeitamente em todos os navegadores.
Outras dicas
parece que é tynt.com, que é uma espécie de marcador para texto que está sendo copiado fora de sua página.
A partir do site tynt.com
Tracer adiciona automaticamente um link para o seu site quando o conteúdo é copiado e colado. Leia mais: http://tracer.tynt.com/features-and -Benefícios-de-tracer # ixzz0MgaE6z6y Sob a Creative Commons License: Attribution No Derivatives
Heck ... apenas adicionado a ler mais ligação e o material licença CC ao texto Copiei a partir do site tynt.com.