JavaScript - 複雑な HTML 内の各テキストにタグを追加します。

Question

リーリー

各テキストは個別に処理する必要があるため、このような複雑で不規則な HTML フラグメント内のすべてのテキストに Span タグを追加するにはどうすればよいでしょうか?

<p id="test">ran<span>you</span>t</p>
を
< に変更するのと同様;p id="test"><span class="special-flag">ran</span><span><span class="special-flag">you</span><span class="special-flag"></span></span><span class="special-flag">t</span></p>

#最後の要件は、選択したテキスト コンテンツをページ上にドラッグしたり、メモを追加したりするなど、Baidu 読書アプリと同様の効果を実現することです。

Answer 1

オンライン編集プログラムのページを参照してください

Answer 2

これが役立つかどうかを確認してください: js の選択オブジェクトにメモとカーソルの位置を使用する

Answer 3

ちょっとめまいがするんですが、こんな感じかわかりますか

リーリー