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

标签 javascript contenteditable richtext

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

你好世界!

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

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

最佳答案

documentqueryCommandState() 方法是这样做的:

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

参见 MDC , MSDNDottoro .

关于javascript - 是否可以检测到在 designMode 中当前光标位置切换的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4611212/

相关文章:

javascript - 从数组填充 <dl> 列表

javascript - 在焦点内容中禁用制表键模糊可编辑

javascript - 将 CodeMirror 应用于预先存在的 div

html - 粘贴的 HTML 是否保证经过清理?

reactjs - 使用 React 和 JSX 从 API 渲染富文本的技术

ios - 如何在 UITextview 中使用不同的字体样式但相同的字体系列呈现 HTML 字符串

php - 使用(客户端)javascript 直接连接到 Redis?

javascript - 这两个变量如何使用一条线进行交换?

javascript - BroadcastChannel 是否在同一页面上工作?

qt - 如何从组件 QTextDocument 获取没有元信息的 HTML 文本