2009-07-29 20 views
17

ハイライトしてそのページからコピーするテキストの最後に "Read More:"行を挿入するサイトに行きました。コンテンツをウェブページからコピーしたときにテキストを入力

これまで私はこれまで見たことがなく、コードを深く掘り下げずに、これを行うコードを見つけることができません。

誰でもこれがどのように行われたか知っていますか?

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

コピーしたテキストの段落、および他のアプリケーションに貼り付け、その後「続きを読む」の行があるでしょう。

+1

これを行わないでください。しないでください。 – couchand

答えて

37

Suite101は、Tyntというサードパーティサービスを使用しています。 TyntのJavaScriptスニペットはhttp://tcr.tynt.com/javascripts/Tracer.js

に位置しています

私は(Online JavaScript beautifierからいくつかの助けを借りて)あなたのためのソースを検討しました。

ので、ここで何が起こっているのかです:

  • ユーザーがテキストの範囲を選択した場合のコードは、それは、その後、(startListeningForTraces関数内)のmouseup、マウスダウン、およびコピー
  • ようなイベントにアクティブにします を
    • は、属性リンクのHTMLとオプションのCCライセンスURLを作成します。
    • は、このHTMLを選択肢に追加し、ゼロサイズの<div>の中に配置します
    • )画面上の表示には、Tyntのコードは、ブラウザ間でシームレスにこの仕事をするために仕事の膨大な量をして

バックTyntのサーバーにコピーしたものを報告します。

+1

あなたの分析をありがとう。どのようにコードのクールなビット! – Josh

3

tynt.comのように見えます。これは、ページのテキストをコピーするためのトレーサーです。コンテンツはコピー&ペーストしたとき

自動的トレーサー

tynt.comサイトからは戻ってあなたのサイトへのリンクを追加します。 続きを読む:クリエイティブ・コモンズ・ライセンスの下で http://tracer.tynt.com/features-and-benefits-of-tracer#ixzz0MgaE6z6y :帰属ないデリバティブ

ヘックを...それはちょうど私がtynt.comサイトからコピーしたテキストに多くのリンクとCCライセンスのものを読んで追加しました。