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>

Answer 2

你找到了这个吗？

使用jQuery.colorfy

代码： https://github.com/cheunghy/jquery.colorfy

演示： http://cheunghy.github.io/jquery.colorfy/

截屏： https://www.youtube.com/watch?v=b1Lu_qKrLZ0

Answer 3

这实际上可以通过在标签内部使用样式来完成，这是我的一个网站的参考，我已经完成了这个

<input style="border-radius: 5px; background-color: #000000; color: #ff0000; border-color:
 blue;" class="form-control" name="firstname" placeholder="What you were looking for?"
 type="text"
 required autofocus />

Answer 4

您可以简单地制作一个SPAN标签来选择文本的某些部分，例如：

Some <span style="color:#FF3333">text</span> here

这将使文字显示为红色

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

4 个答案: