注射时文本内容是复制从一个网页

Question

我遇到了一个网站，插入一个"详细阅读："线的末端的任何文本的突出和从它的网页。

我从来没有见过这个，并没有严重的挖到他们的代码，我不能找到代码，这样做。

任何人都知道这是怎么做的？

例如： http://peaceful-parenting.suite101.com/article.cfm/how_to_keep_kids_from_climbing_on

复制一个段落的文字，粘贴到另一个应用程序，并且将有一个"更多的"行之后。

Answer 1

Suite101是使用一个第3方服务所谓 Tynt.

Tynt的JavaScript段是位于 http://tcr.tynt.com/javascripts/Tracer.js

我探索源于你(与一些帮助的 在线JavaScript美化).

所以这里发生了什么:

• 激活代码的事件就像mouseup,mousedown,和复制(在 startListeningForTraces 功能)
• 如果用户选择范围的文字，那么它：
  • 建立HTML为归属的链接，加上任择CC许可证URL
  • 追加这HTML的选择，将其置于内部零尺寸的 <div> (保持它看不见屏幕上的)
  • 报告是什么复制回到Tynt的服务器

Tynt的代码做了大量工作，使这项工作的无缝的跨浏览器。

Answer 2

看起来像是tynt.com，它是从页面上复制文本的某种跟踪器。

来自tynt.com网站

  

在复制和粘贴内容时，Tracer会自动将链接添加回您的网站。     阅读更多： http://tracer.tynt.com/features-and -benefits-的示踪＃ixzz0MgaE6z6y     根据知识共享许可：署名无衍生物

哎呀......它刚刚在我从tynt.com网站复制的文本中添加了阅读更多链接和CC许可证内容。