Richtext编辑器着色

Question

我正在构建一个跨浏览器的富文本编辑器。在此我有过一些文本的场景将与颜色 被插入例如：

你好{$ 1} - >内部此{$ 1}将<跨度风格=“颜色：红色”> $ 1 </span>

将光标放在{$ 1}的末尾时，如果我开始键入，则会在该范围内输入字符。

任何人都可以提出一个选项，设置焦点以外的跨度，所以我不会得到红色的输入文本的颜色？

Answer 1

这是默认的网页浏览器行为，所以很难覆盖它。

您可以通过CANVAS重新定义整个东西（包括光标，选择，打字，插入等），而不是使用默认的编辑器模式。但这是非常复杂的方式。

因此，尝试跨度后插入1个空间：

<span style="color:red">$1</span> <!-- see the 1 space after the span --> 

而当用户将放置光标跨度后，文本就不会红。