javascript中的实时文本颜色更改

Question

  

可能重复：
  Change the Color Of Certain Words In Textarea using Jquery?

我正在做一个小项目。我有一个用户输入单词的textarea。当用户输入时，如果他们使用某些单词，我需要文本来改变颜色。例如，当露西正在输入句子“棕色的母牛跳过月亮”时，文字会使“棕色”这个词变为棕色，但是在她将“褐色”之后的空间键入后，就会生活。我希望你明白：P哦和jquery是一个选择。

Answer 1

使用textarea的当前技术无法做到这一点。您可以更改textarea中所有内容的颜色，但textareas无法选择性地设置某些单词而非其他单词。

Answer 2

如前所述，在常规文本区域中无法达到所需的控制水平。

以下是关于该问题的几个stackoverflow问题：

• Textarea that can do syntax highlighting on the fly?
• https://stackoverflow.com/questions/1505761/textarea-with-syntax-code-highlighting

您可以查看使用codepress之类的内容并编辑源代码以突出显示您想要的字词。

或者，如果您想从头开始，可以使用＆lt; div contentEditable =“true”＆gt;＆lt; / div＆gt;而不是像这里建议的textarea：
colorize text in textarea with jQuery

以下是一些没有jquery span替换的示例代码：
http://jsfiddle.net/s5uaJ/

祝你好运