2

画面を 2 つのウィンドウに分割する Web アプリケーションを作成しています。一方は Web ベースのテキスト エディターで、もう一方は通常のウィンドウです。ユーザーがブラウザ側でテキストを強調表示し、強調表示されたテキストを文字列に自動保存して、文字列を操作できるようにする方法を見つけようとしています。

誰にもアイデアはありますか？どんな助けでも大歓迎です。

4

2 に答える 2

2

したがって、ここには 2 つのステップがあります。

  1. マウスアップ イベントをキャプチャします。
  2. 選択したテキストを返します。

ドキュメントで選択されているテキストは、js 呼び出しを介してアクセスできます。

window.getSelection()

しかし、これはブラウザ固有です。したがって、このコード スニペットを使用して、すべてのブラウザーから選択したテキストを取得することをカバーできます。

function getSelectedText () {
    var txt = ''
    if (window.getSelection) {
        txt = window.getSelection();
    } else if (document.getSelection) {
        txt = document.getSelection();
    } else if (document.selection) {
        txt = document.selection.createRange().text;
    }
    return txt;
}

jQuery などのライブラリを使用しているとします。そのため、マウスアップイベントに役立ちます。おそらく、ドキュメント全体で選択範囲をキャプチャしたくないでしょう。したがって、必要な要素にバインドできます。ここに私のjsfiddleのようなもの：http://jsfiddle.net/xh799/

于 2013-04-13T18:32:16.813 に答える