我正在构建一个跨浏览器的富文本编辑器。在那我有一个场景，像一些文字将插入一个颜色 对于Eg：
嗨{$ 1} - ＆gt;在内部，这个{$ 1}将是＆lt; span style =“color：red”＆gt; $ 1＆lt; / span＆gt;
当光标放在{$ 1}的末尾时，如果我开始输入，则字符将在该范围内输入。
任何人都可以建议在该范围之外设置焦点的选项，以便我不会将输入的文本的颜色设置为红色吗？
答案 0 :(得分：1)
这是默认的网络浏览器行为，因此很难覆盖它。
您可以通过CANVAS重新定义整个内容（包括光标，选择，输入，插入等），而不是使用默认的编辑器模式。但这是非常复杂的方式。
所以尝试在span之后插入1个空格：
<span style="color:red">$1</span> <!-- see the 1 space after the span -->
当用户将光标放在跨度后，文本不会是红色。