纹理区域或文本输入中的多色文本突出显示
纹理区域或文本输入中的多色文本突出显示
提问于 2011-01-31 05:58:31
我想设置文本区域中的文本或使用不同颜色的文本输入(两种颜色都可以，我不需要两种颜色)。想想像简单的语法突出显示这样的东西。所以，假设我定义了一些关键字。我希望当用户在文本区域或文本输入中键入时，这些单词将被着色为不同的颜色
我知道这需要一些CSS，Javascript的组合，也许还有一些精灵尘埃。我想知道我需要深入研究哪个方向才能找到如何做到这一点。
谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-01-31 08:47:36
不，您不能在文本区域或文本输入中执行此操作。任何与CSS文本相关的属性都会影响textarea/input中的整个文本。您需要一个可编辑的元素或文档来实现语法突出显示。示例(适用于所有最近的浏览器；最后一个不支持contenteditable的主要浏览器是Firefox2.0)：
<code contenteditable="true">
<span style="color: blue">var</span> foo = <span style="color: green">"bar"</span>;
</code>
Stack Overflow用户
发布于 2015-04-10 16:24:34
你找到这个了吗？
使用jQuery.colorfy
代码：https://github.com/cheunghy/jquery.colorfy
Stack Overflow用户
发布于 2014-03-30 18:27:56
这实际上可以通过在标签中使用样式来完成，这是来自我的一个网站的参考，我在那里做了这件事
<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 />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4845813
复制相关文章
相似问题