防止从光标造型文本引起的内容

Question

如何防止插入位置处的样式文字可编辑内容。默认情况下，它从最近的节点获取样式。布如何覆盖这种行为？

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

Example on JSFIddle如果您设置文本的末尾插入符号（例如竖线）并开始键入这将是大胆的所有的时间。

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

谢谢。

Answer 1

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