在可编辑 iframe 中使用 execCommand() 时如何执行与退格键相同的操作？

Question

我使用 execCommand 和 javascript 将文本插入到可编辑的 iframe 中，如下所示：

element.execCommand("insertHTML",false,"some text");

有人知道如何插入该文本而不是光标左侧的第一个字符吗？那么与执行上述操作之前按退格键的效果相同吗？

Answer 1

似乎没有简单的方法将击键发送到可编辑的 iframe，因此您可能需要找到某种解决方法。最简单的方法是从 iframe 获取内容，操作它们，然后将它们放回 iframe。

例如：
选择 iframe 中的所有文本以

var selection = element.execCommand("selectAll");

删除最后一个字符 - 切片选择

selection = selection.baseNode.data.slice(0, -1)

删除所有内容

element.execCommand("Delete")

附加切片选择+您的新文本

element.execCommand("insertHTML",false,selection);
element.execCommand("insertHTML",false,"some text");

---

参考：

1. http://msdn.microsoft.com/en-us/library/ie/ms533049(v=vs.85).aspx
2. https://developer.mozilla.org/en/Rich-Text_Editing_in_Mozilla

PS我注意到非常熟悉可编辑的 iframe 或选择对象，因此如果您的文本中有任何特殊字符的 html，它可能比这复杂得多。此外，您可能需要针对不同的浏览器进行调整。