Раскраска редактора Richtext

Question

Я создаю кросс-браузерный текстовый редактор. В том, что у меня был сценарий, как некоторый текст будет вставлен с цветом For Например:

Привет {$1} -> внутренне это {$ 1} будет $ 1

Когда курсор помещается в конце {$ 1} и я начинаю печатать, символы вводятся внутри этого диапазона.

Может ли кто-нибудь предложить вариант установки фокуса за пределами этого диапазона, чтобы я не получил цвет набранного текста красным цветом?

Answer 1

Это поведение веб-браузера по умолчанию, поэтому его трудно переопределить.

Вы можете переопределить весь материал (включая курсор, выбор, ввод, вставку и т. Д.) Через CANVAS и не использовать режим редактора по умолчанию. Но это очень сложный способ.

Поэтому попробуйте вставить 1 пробел после интервала:

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

И когда пользователь поместит курсор после интервала, текст не будет красным.