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

Question

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

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

Answer 1

在我尝试这个之前，我也一直坚持这一点。将 a 放在插入的末尾，如

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

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

Answer 2

我想出的可怕技巧是在之后立即插入另一个 span 元素：

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

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