リッチテキストエディタの色付け

Question

私はクロスブラウザリッチテキストエディタを構築しています。その中で、私はいくつかのテキストのようなシナリオでは、例：の色 に挿入されます持っていた：

こんにちは{$ 1} - >内部的にこの{$ 1} <スパンのスタイル=「色：赤」になります> $ 1 <を/ span>

{$ 1}の末尾にカーソルを置くと、入力を開始すると、文字がそのスパンの内側に入力されます。

誰もがその範囲外のフォーカスを設定するオプションを提案することができますので、タイプされたテキストの色を赤で表示しないでください。

Answer 1

これはデフォルトのウェブブラウザの動作ですので、それを上書きするのは難しいです。

CANVASを介して全体のもの（カーソル、選択、入力、挿入などを含む）を再定義し、デフォルトのエディタモードを使用しないことがあります。しかし、それは非常に複雑な方法です。

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

を、ユーザーがスパンの後にカーソルを置くと、テキストは赤ではないでしょう。

だから、スパンの後に1つのスペースを挿入してみてください。