如何将字符串添加到具有不同颜色的文本区域?

时间:2010-08-02 21:27:08

标签: javascript jquery

我正在尝试研究如何编写一个函数,其中我传入一个字符串,并将此字符串添加到textarea。我可以这样做,但我想解析该字符串并更改字符串不同部分的颜色。

换句话说,找到单词“select”,“where”并将它们变为蓝色。然后找到单词“AND”,“OR”,“<”并将它们变为灰色,两个单引号之间的任何内容都为红色。

我希望有一个简单的函数,而不是使用语法高亮库,我甚至不确定它们是否可以使用动态生成的字符串。

我该怎么做?如果这样可以让事情变得更容易,我可以使用JQuery吗?

全部谢谢

1 个答案:

答案 0 :(得分:2)

<textarea>元素中的文本仅为纯文本,这意味着它无法设置样式。您可以做的是使用contenteditable创建一个div并使用它,请查看此链接以获取参考:http://www.west-wind.com/Weblog/posts/778165.aspx