Html 如何在文本区域中使用不同的字体颜色？

我希望在键入特定关键字时，文本区域中的字体颜色发生变化，如在Visual Studio中

我在任何地方都没有看到过这种情况，所以我不知道这在HTML和JavaScript中是否可行

---

有人见过这样的东西吗？或者知道如何编写它？

您可能必须在客户端上运行javascript来检测文本何时更改，然后用一些具有适当样式的子html元素替换要突出显示的文本

比如说

原文：

This is what the user typed.

突出显示的文本

This is what the <a class="className">user</a> typed.

这是用户键入的内容。

Textarea是一个标准的HTML元素，因此它是在时间的黎明之后发明的。不幸的是，这意味着它的外观和功能受到限制

据我所知，改变特定单词的颜色是不可能的。然而，解决这个问题的一种方法是在页面中嵌入iFrame。这样，您可以将iFrame内容视为另一个网页，并使用CSS对其进行样式设置

这个,这个,这个,这个工程就是这样

另一个不使用iFrame的选项是在堆栈溢出上使用的编辑器，称为WMD。文件是。

这是不可能的

方法是使用

color:#000使textarea的字体（而不是光标）透明-webkit文本填充颜色：透明

，然后创建基本的100%重叠的

div

，将

textarea

的内容复制到该div，并在textarea的

oninput

事件上格式化

您需要解决（或避免）同步这两个元素时出现的一些问题，例如滚动，但这是可以做到的。我用这种方式制作了自己的HTML编辑器

AFAIK，css属性-webkit文本文件颜色在Opera、Chrome中受支持，应该很快会在Firefox v.48中发布