Javascript Richtext编辑器着色

我正在构建一个跨浏览器的富文本编辑器。在这种情况下，我有一个场景，比如一些文本将插入一种颜色 例如：

您好{$1}-->在内部，{$1}将是$1

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

---

有人能建议一个选项，将焦点设置在该范围之外，这样我就不会得到红色的键入文本的颜色吗？

这是默认的web浏览器行为，因此很难覆盖它

您可以通过画布重新定义整个内容（包括光标、选择、键入、插入等），而不使用默认编辑器模式。但这是一种非常复杂的方式

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

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

1美元

---

当用户将光标放在跨距后时，文本不会是红色。

添加空格是一个明智的建议。使用

不太明智。