コンテンツがWebページからコピーされるときにテキストを挿入する

Question

<！> quot;を挿入するサイトに遭遇しました。続きを読む：<！> quot;強調表示してページからコピーするテキストの最後の行。

これはこれまで見たことがなく、彼らのコードを徹底的に掘り下げなければ、これを行うコードは見つかりません。

これがどのように行われるか知っていますか？

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

テキストの段落をコピーし、別のアプリケーションに貼り付けると、<！> quot; read more <！> quot;その後の行。

Answer 1

Suite101は、 Tynt というサードパーティのサービスを使用しています。

TyntのJavaScriptスニペットは http://tcr.tynt.com/javascripts/Tracerにあります。 js

あなたのためにソースを調べました（オンラインJavaScript beautifier の助けを借りて）。

だから、ここで何が起こっているのですか：

• mouseup、mousedown、copy（startListeningForTraces関数内）などのイベントでコードがアクティブになります
• ユーザーがテキストの範囲を選択した場合、次のようになります。
  • 属性リンクのHTMLを作成し、さらにオプションのCCライセンスURL
  を作成します
  • このHTMLを選択範囲に追加し、サイズがゼロの<div>内に配置します（画面上に表示されないようにする）
  • Tyntのサーバーにコピーされた内容を報告する

Tyntのコードは、ブラウザ間でシームレスに動作するように多大な作業を行っています。

Answer 2

tynt.comのように見えます。tynt.comは、ページからコピーされるテキストのトレーサーのようなものです。

tynt.comサイトから

  

コンテンツをコピーして貼り付けると、Tracerは自動的にサイトにリンクを追加します。     詳細： http://tracer.tynt.com/features-and -benefits-of-tracer＃ixzz0MgaE6z6y     クリエイティブコモンズライセンスの下：派生物の帰属なし

ヘック... tynt.comサイトからコピーしたテキストに、続きを読むリンクとCCライセンスを追加しました。