javascript - contentEditable モードでカーソルを移動する

Question

ユーザーがDIVのテキストコンテンツを編集すると、少なくともchrome divとspanが追加されます。

DIV を編集用に開いたら、シングルクリック (マウスの左ボタン) でカーソルを移動できますが、カーソルを移動したいテキストが、クロムによって追加されたサブ div またはサブスパンの 1 つにある場合、カーソルは移動されず、代わりに div からまとめて取り出され、contenteditable を再度アクティブにする必要があります。

これを回避する方法はありますか、それとも何もできませんか?

Answer 1

これが私の解決策です：

jqueryはコンテンツを保持しながら <span> タグを削除します（そして <divs> と <p>:s を <br> に置き換えます）

要するに、div と p タグからすべてのテキストを取り出し、それらの開始タグを br に置き換えます。(クロムで) バックスペースに表示され続ける span タグについては、ラップを解除するだけです。これにより、スタイルが自動的に削除されます。