javascript - 是否可以检测到在 designMode 中当前光标位置切换的内容？

Question

我正在开发一个定制的富文本编辑器，我想知道是否可以将我的光标放在某个地方并发现哪些命令(即粗体、斜体、justifyCenter 等)当前处于事件/切换状态。显然，浏览器在设计模式下会跟踪这一点。例如，如果我在 iframe 中有这样的文本:

你好世界!

然后我将光标放在单词“world”中，有什么方法可以在不解析字符串并发现我在标签之间的情况下确定“粗体”当前已切换？

我想要这样的东西的原因是我可以在编辑器上检测到 selectionchange 事件，然后突出显示与当前在该位置切换的内容相对应的适当按钮

Answer 1

document 的queryCommandState() 方法是这样做的:

var isBold = document.queryCommandState("bold");

参见 MDC , MSDN和 Dottoro .