我想设置文本区域中的文本或使用不同颜色的文本输入(两种颜色都可以,我不需要两种颜色)。想想像简单的语法突出显示这样的东西。所以,假设我定义了一些关键字。我希望当用户在文本区域或文本输入中键入时,这些单词将被着色为不同的颜色
我知道这需要一些CSS,Javascript的组合,也许还有一些精灵尘埃。我想知道我需要深入研究哪个方向才能找到如何做到这一点。
谢谢
发布于 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>
发布于 2015-04-10 16:24:34
你找到这个了吗?
使用jQuery.colorfy
代码:https://github.com/cheunghy/jquery.colorfy
发布于 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 />
https://stackoverflow.com/questions/4845813
复制相似问题