在Textarea或文本输入中突出显示的多色文本

Question

我想在textarea或文本输入中使用不同的颜色设置文本(一个或另一个很好,我不需要两者).想想简单的语法突出显示.所以,假设我定义了一些关键字.当用户输入textarea或文本输入时,我希望这些单词的颜色可以是不同的颜色

我知道这需要是CSS,Javascript和一些精灵粉尘的某种组合.我想知道我需要深入了解哪个方向,以了解如何做到这一点.

谢谢

Answer 1

不,你不能在textarea或文本输入中这样做.任何与CSS文本相关的属性都会影响textarea/input中的整个文本.您需要一个可编辑的元素或文档来实现语法突出显示.示例(适用于所有最近的浏览器;不支持的最后一个主要浏览器contenteditable是Firefox 2.0):

<code contenteditable="true">
  <span style="color: blue">var</span> foo = <span style="color: green">"bar"</span>;
</code>