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

Question

我使用document.execCommand insertHTML方法将span标记插入contentEditable div。

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

Answer 1

我想出的可怕的黑客是紧接着插入另一个span元素：

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

现在，新内容将转换为此span元素。 希望有更好的解决方案。

Answer 2

我一直坚持这个，直到我尝试了这个。 在插入的末尾放置一个 ，如

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

只是在HTML的末尾添加一个空格将无效，因为我发现它总是被修剪。