在ContentEditable中插入标签之外放置插入符号

Question

我正在使用document.execCommandinsertHTML方法将span标签插入到contentEditable div中。

插入后，我希望在输入的末尾设置插入符号，以便任何其他输入都在最后插入的跨度标记之外。至少在Chrome中，默认行为是在标签本身内放置更多输入。

Answer 1

，我想出了可怕的黑客是插入立即后记另一span元素：

document.execCommand('insertHTML', false, '<span>&nbsp;</span>'); 

现在，新的内容进入这个span元素来代替。 希望有更好的解决方案。

Answer 2

我被困在这个以及直到我试过这个。 放置一个 在你插入结束在

document.execCommand('insertHTML', false, '<span>&nbsp;</span>&nbsp;'); 

在你的HTML结束只是把一个空间，我发现它总是修剪将无法正常工作。