javascript - 在 contenteditable 部分插入带有 div 和 span 标签的 HTML

Question

在 contenteditable div 中，我尝试使用 insertHTML 插入特殊的<div>和/或<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>");