Richtext編輯器着色

Question

我正在構建一個跨瀏覽器的富文本編輯器。在此我有過一些文本的場景將與顏色 被插入例如：

你好{$ 1} - >內部此{$ 1}將<跨度風格=「顏色：紅色」> $ 1 </span>

將光標放在{$ 1}的末尾時，如果我開始鍵入，則會在該範圍內輸入字符。

任何人都可以提出一個選項，設置焦點以外的跨度，所以我不會得到紅色的輸入文本的顏色？

Answer 1

這是默認的網頁瀏覽器行爲，所以很難覆蓋它。

您可以通過CANVAS重新定義整個東西（包括光標，選擇，打字，插入等），而不是使用默認的編輯器模式。但這是非常複雜的方式。

因此，嘗試跨度後插入1個空間：

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

而當用戶將放置光標跨度後，文本就不會紅。