Javascript 将插入符号放置在ContentEditable中插入的标记之外

我正在使用

document.execCommand

insertHTML

方法将span标记插入contentEditable div

---

插入之后，我希望在输入的末尾设置插入符号，以便任何进一步的输入都在最后插入的span标记之外。至少在Chrome中，默认行为是在标记本身中放置进一步的输入。

我想出了一个可怕的方法，就是在紧跟其后插入另一个span元素：

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

document.execCommand（'insertHTML'，false'，）；

现在新内容进入这个span元素。

---

希望有更好的解决办法。

在尝试之前，我也一直坚持这个方法。 在插入的末尾放置一个

，如中所示

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

document.execCommand（'insertHTML'，false'，）；

仅仅在HTML的末尾加一个空格是行不通的，因为我发现它总是被修剪的