RichText编辑器插入点位置的按钮状态

RichText editor button state on insertion point location

本文关键字：按钮状态位置入点编辑器插入 RichText 更新时间：2023-09-26

我创建了一个迷你浏览器RichText编辑器，实现了粗体、斜体、下划线、缩进等基本功能。假设我在textarea(实际上是iframe)上有这些:

这是一个粗体文本。

，让我们用BOLD按钮来进一步描述我的问题。当插入点处于此状态时:这是一个粗体文本。

则BOLD按钮将处于正常状态。但是，如果它处于这种状态:这是一个bol|d text

则BOLD按钮将处于选中/激活状态。我如何知道BOLD按钮是否应该处于活动/选择状态，或者是否应该处于插入点位置的正常状态?

对于bold命令，可以使用document.queryCommandState("bold")。

这是对几天前一个类似问题的更详细的回答:https://stackoverflow.com/a/8298215/96100