コンテンツがWebページからコピーされるときにテキストを挿入する
-
05-07-2019 - |
質問
<!> quot;を挿入するサイトに遭遇しました。続きを読む:<!> quot;強調表示してページからコピーするテキストの最後の行。
これはこれまで見たことがなく、彼らのコードを徹底的に掘り下げなければ、これを行うコードは見つかりません。
これがどのように行われるか知っていますか?
例: http://peaceful-parenting.suite101.com/article.cfm/ how_to_keep_kids_from_climbing_on
テキストの段落をコピーし、別のアプリケーションに貼り付けると、<!> quot; read more <!> quot;その後の行。
解決
Suite101は、 Tynt というサードパーティのサービスを使用しています。
TyntのJavaScriptスニペットは http://tcr.tynt.com/javascripts/Tracerにあります。 js
あなたのためにソースを調べました(オンラインJavaScript beautifier の助けを借りて)。
だから、ここで何が起こっているのですか:
- mouseup、mousedown、copy(
startListeningForTraces
関数内)などのイベントでコードがアクティブになります - ユーザーがテキストの範囲を選択した場合、次のようになります。
- 属性リンクのHTMLを作成し、さらにオプションのCCライセンスURL を作成します
- このHTMLを選択範囲に追加し、サイズがゼロの
<div>
内に配置します(画面上に表示されないようにする) - Tyntのサーバーにコピーされた内容を報告する
Tyntのコードは、ブラウザ間でシームレスに動作するように多大な作業を行っています。
他のヒント
tynt.comのように見えます。tynt.comは、ページからコピーされるテキストのトレーサーのようなものです。
tynt.comサイトから
コンテンツをコピーして貼り付けると、Tracerは自動的にサイトにリンクを追加します。 詳細: http://tracer.tynt.com/features-and -benefits-of-tracer#ixzz0MgaE6z6y クリエイティブコモンズライセンスの下:派生物の帰属なし
ヘック... tynt.comサイトからコピーしたテキストに、続きを読むリンクとCCライセンスを追加しました。