插入点位置上的富文本编辑器按钮状态答案

【问题标题】：RichText editor button state on insertion point location插入点位置上的富文本编辑器按钮状态
【发布时间】：2011-11-30 17:11:10
【问题描述】：

我创建了一个迷你浏览器 RichText 编辑器，它实现了粗体、斜体、下划线、缩进等基本内容。假设我的textarea 上有这些（实际上是iframe）：

这是一个粗体文本。

让我们点击粗体按钮来进一步描述我的问题。当插入点处于这种状态时：这是一个粗体文本。

然后粗体按钮将处于正常状态。但是，如果它处于这种状态：这是一个bol|d文本

然后 BOLD 按钮将处于选中/活动状态。我如何知道 BOLD 按钮是否应该处于活动/选定状态，或者它是否应该处于相对于插入点位置的正常状态？

【问题讨论】：

看到这个问题：How to get Cursor position in Textarea?
嗨，谢谢@Colin。我不想通过 TinyMCE 的代码来满足我对 UI/UX/设计的偏好。它只是一个简单的编辑器，所以我不会使用 TinyMCE 的其他代码行；因此，加载时间更短。 :)

【解决方案1】：

粗体命令可以使用document.queryCommandState("bold")。

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

【讨论】：