contenteditable div 内で基本的な html エディターを開発しています (コードは、範囲Tim Downのウィザードによって提供されるさまざまなソリューションに基づいています)。
それは機能しています (ユーザーの選択を置き換える html ノードを挿入できます) が、1 つの主な機能がありません。ユーザーがタグ内の文字を選択した場合 (たとえば、強い)、その文字の書式を削除できるはずです。それで。
<strong>lorem ipsum</strong>
ユーザーは ipsum の「i」を選択します。
<strong>lorem |i|psum</strong>
ユーザーが「強力なタグの追加/削除」ボタンを押すと、結果は次のようになります。
<strong>lorem </strong>i<strong>psum</strong>
現在のコードでは、これが結果です (タグ != 強い場合は問題ありません):
<strong>lorem <strong>i</strong>psum</strong>
ユーザーがテキストを選択し、ボタンを押してタグを挿入/削除し、次の指示に従うとアクティブになるスニペットが必要です。
- 親タグを見つける (存在する場合)
- if (new tag == 親タグ) 親タグを 2 つのタグに分割する
- 2 つのタグの間に (フォーマットされていない) 選択範囲を挿入します
これは、私が知っているものですが...事前に感謝します!!