HTML文本区域内的样式文本

Question

我的问题是我有textarea并希望找到一个指定的字符串并标记它的所有出现（类似于regex101.com与正则表达式匹配的内容）。

这引出了一个更一般的问题（请参阅我的问题标题），我想了解以下内容是否可以应用于textarea中的部分文本：

• 更改字体颜色
• 更改背景颜色
• 更改字体样式（粗体，斜体）
• 更改字体大小

我应该使用已经存在的东西（例如codemirror）吗？

如果有人可以解释这背后的想法，我也会感激不尽（例如regex101.com有一个textarea，但也使用一些span元素来突出显示匹配）

Answer 1

你有没有尝试过这样的事情：

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