マウス座標をテキスト オフセット (ドラッグ アンド ドロップ用) にマッピングするために SO を検索するのに時間を費やしましたが、私が遭遇した唯一の解決策は、各文字を独自のスパンでラップして、そのスパンでマウス イベントを監視できるようにすることです。 、これはスケーラブルなソリューションではありません (大きなドキュメントの場合)。
さらに、Google Docs は、マウス カーソルがテキストをドラッグするときにマウス カーソルを追跡することができます (テキスト内のマウスがある場所に挿入ポイントを描画します)。テキストとその周辺で DOM を監視したところ、文字スパン手法を使用していないようです。これがどのように達成されるか知っている人はいますか？
残念ながら、私はGoogleアカウントを持っていないので、GoogleがGoogleドキュメントを達成するために何を使用しているかを確認できません。しかし、選択ソースを取得するために、この回答に興味があるかもしれません。
ドラッグアンドドロップについても言及されました。HTML5は、「contenteditable」と呼ばれる属性をサポートしています。ブラウザは、（名前が示すように）ユーザーが編集できるようにします。これが良い例です。
エディター（CKEditorやGoogleドキュメントなど）をHTML 5の手法で作成する方法については、http：//www.quackit.com/html/codes/contenteditable.cfmを参照してください。