Richtext着色编辑器

Richtext editor coloring

本文关键字：编辑器 Richtext 更新时间：2023-09-26

我正在构建一个跨浏览器的富文本编辑器。在这个场景中，我有一些文本将被插入一个颜色如:

Hi{$1} ->内部这个{$1}将是$1

当光标放置在{$1}的末尾时，如果我开始输入，字符将被输入到该span内。

谁能建议一个选项设置焦点以外的跨度，这样我就不会得到的颜色键入文本的红色?

这是浏览器的默认行为，所以很难重写。

你可以通过CANVAS重新定义全部内容(包括光标、选择、输入、插入等)，而不使用默认的编辑器模式。但这是非常复杂的方式。

试着在span:

后面插入1个空格

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

当用户将光标放在span之后，文本将不会是红色的