防止 contenteditable 在光标处设置文本样式答案

【问题标题】：Prevent contenteditable from styling text at cursor防止 contenteditable 在光标处设置文本样式
【发布时间】：2014-12-07 19:00:54
【问题描述】：

如何防止可编辑内容在光标位置设置文本样式。默认情况下，它从最近的节点获取样式。但是如何覆盖这种行为呢？

<div contenteditable> Sometext <b>bold</b>|</div>

Example on JSFIddle如果您在文本末尾设置插入符号（例如竖线）并开始输入，它将一直是粗体。

我的目标是以编程方式突出显示一些单词。 Bu 以防止样式用户输入。

谢谢。

【问题讨论】：

【解决方案1】：

这是一个没有简单解决方案的常见问题。在<b> 元素之后立即插入一个零宽度空格字符（例如U+200B）是一种（hacky）解决方案。例如，请参阅How to set caret/cursor position in a contenteditable div between two divs.。

【讨论】：