HTML ドキュメントを読み取り、同じドキュメントを読んでいる 2 人以上のユーザー間でテキスト フラグメントを強調表示して共有するために、jQuery Mobile を使用して Web アプリケーションを作成する必要があります。たとえば、私とボブは同じ Web ページを読むためにこの Web アプリケーションを使用しています。ボブが私のハイライトを表示できるようにして、私がボブのハイライトを表示できるようにします。
問題は、Web アプリケーションのインスタンスでハイライトの絶対位置を取得して、それをボブのインスタンスに送信するにはどうすればよいかということです。何か提案はありますか？
おそらくRangeが必要で、これで取得できますwindow.getSelection().getRangeAt(0)
リンクが説明しているように、そのオブジェクトには、選択が開始および終了する要素に関して選択の開始と終了を記述するプロパティと、それらの要素の最初のテキスト「スペース」からの数値オフセットがあります。
これをネットワーク経由で渡すには、開始要素と終了要素に一貫した識別子が必要です。ドキュメント内のすべての要素に、誰が表示しても同じ ID がある場合は、それを使用できます。それ以外の場合は、マークアップ内の要素を一意に識別するために、カスタム シリアル化を決定する必要があります。