JavaScript - 根据正则表达式更改文本颜色

时间:2012-07-27 18:32:52

标签: javascript css regex

我希望能够使用特定的正则表达式搜索textarea的内容(其中包含用户可见的HTML标记),该正则表达式搜索所有HTML标记的特定属性。然后我想更改搜索结果的字体颜色(在同一textarea内)。假设我有一个提交按钮,它将调用JS函数:

  1. 创建一个值为textarea
  2. 的变量
  3. 使用我的正则表达式搜索对象创建变量
  4. 使用正则表达式字符串搜索textarea.value并更改所有匹配项的字体颜色
  5. 这可能吗?

1 个答案:

答案 0 :(得分:2)

是。但这需要一些工作。更有可能的是,您需要将div替换为tex并将其contenteditable属性设置为true。然后,您可以使用跨度包装匹配的单词,并为这些跨度设置字体颜色。

Rich text editing from MDN