HTML文本區域內的樣式文本

Question

我的問題是我有textarea，想找到一個指定的字符串並標記所有出現的字符串（類似於regex101.com對regex匹配所做的操作）。

這使我想到了一個更籠統的問題（請參閱我的問題標題），我想了解以下內容是否可以應用於文本區域內的部分文本：

• 更改字體顏色
• 改變背景顏色
• 更改字體樣式（粗體，斜體）
• 更改字體大小

我應該使用已經存在的東西（例如codemirror ）嗎？

如果有人可以解釋其背后的想法，我也將不勝感激（例如regex101.com具有textarea，但也使用一些span元素來突出顯示匹配項）

Answer 1

您是否嘗試過執行以下操作：

var textArea = document.getElementById("textArea");
textArea.style.color = 'Red';
textArea.style.backgroundColor = 'Black';