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

我希望能够搜索textarea（它将包含用户可见的HTML标记）的内容，并使用搜索特定属性的特定正则表达式的所有HTML标签。然后我想更改搜索结果的字体颜色（在同一个textarea内）。假设我有一个提交按钮将调用一个JS函数：JavaScript - 根据正则表达式更改文本的颜色

创建具有的textarea
值的变量创建一个变量，我正则表达式搜索对象
搜索的textarea.value用正则表达式字符串并改变所有匹配的字体颜色

这可能吗？

来源

2012-07-27 Anthony

您不能部分更改'textarea'的字体。 ''contenteditable =“true”'' – 11684 2012-07-27 18:35:48

是的。但这需要一些工作。更可能的是，您需要用div替换textarea，并将contenteditable属性设置为true。然后你可以用一个span来包装匹配的单词，并为这些跨度设置字体颜色。

Rich text editing from MDN

来源

2012-07-27 18:37:04 kevin628

''但是它不同于'textarea'，即用户在编辑时会看到html标记，不是吗？ – user907860 2012-07-27 18:38:37

@caligula号格式将出现，而不是HTML。我将在其上添加一个链接到MDN的文章。 – kevin628 2012-07-27 18:39:48

对不起，我应该进一步解释 - textarea最初将包含对用户可见的HTML标记。正则表达式将查找每个HTML标记的所有属性，并且我想要更改这些搜索结果的字体颜色（HTML属性）。如果我想保持HTML解析不变，那么div仍然会走的路？我已经添加了这个问题。 – Anthony 2012-07-27 19:42:01

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

回答

相关问题