javascript - contenteditable セクションに div および span タグを含む insertHTML

Question

contenteditable div で、insertHTML を使用して特別な<div>and/orを挿入しようとしています<span>。何らかの理由で、insertHTML は残りのコンテンツを挿入する前に div/span を削除するため、これは許可されていないようです。例として：

document.execCommand('insertHTML', false, "<div class='btn equals'><a href='#'>=</a></div>");

私がやろうとしていることを行うための回避策または代替方法を知っている人はいますか? カスタム タグは WebKit で機能しますが、その概念がすべてのブラウザーでサポートされるとは限りません。

document.execCommand('insertHTML', false, "<btn_equals><a href='#'>=</a></btn_equals>");

Answer 1

これは遅すぎるかもしれませんが、私は同様の問題を抱えていて、あなたと同じことを試みました。解決策は、挿入するテキストに単一または二重の「かなり」または「」を含めないことです

例えば

document.execCommand('insertHTML', true, "<div class=btnequals>this is test</div>");