javascript - 自定义 execCommand 命令

Question

我正在尝试找到一种方法来使用 document.execCommand 自定义命令。基本上，我需要有类似的东西

document.execCommand('customCommand');

customCommand 在这种情况下会用特定标签包装选定的内容。我能够通过使用 range.surroundContents 实现这一点，但是，我还需要能够在任何给定时间撤消操作。因此，例如，当您执行两次 execCommand('bold') 时，在第一次运行后，它使文本变为粗体，而第二次运行则取消加粗。

有没有类似 range.unsurroundContents 的东西？

Answer 1

您可能想阅读富文本编辑的 Mozilla 示例:

https://developer.mozilla.org/en-US/docs/Rich-Text_Editing_in_Mozilla

我认为您不能使用 execCommand() 来做这些事情。另外，execCommand() 不是很适合跨浏览器。

最好的方法可能是编写您自己的操作 DOM 的函数。他们有做这些事情的例子，虽然不是你所问的具体内容。