如何在Textarea或文本输入中突出显示多色文本?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (152)

我想在textarea中设置文本或使用不同的颜色设置文本输入。所以,假设我已经定义了一些关键字。我希望这些文字在用户键入textarea或文本输入时用不同颜色着色。我明白这需要CSS,Javascript和一些pixie dust的组合。我想知道我需要学习哪个方向以了解如何做到这一点?

提问于
用户回答回答于

你不能在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>

扫码关注云+社区

领取腾讯云代金券