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

Question

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

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

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

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

感谢。

Answer 1

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