如何在textarea中更改单个字符颜色

时间:2012-03-26 14:23:08

标签: jquery html5 css3

我需要使用JQuery更改textarea中单个字符的颜色。

6 个答案:

答案 0 :(得分:3)

你做不到。 textarea只是纯文本。这就是为什么,例如,textarea中的HTML按字面意思呈现(</textarea>除外)。

答案 1 :(得分:2)

我通过内容可编辑div更改了textarea:     

<div contenteditable="true"></div>


div {width:98%;clear: both;font-size: 10pt;max-width:98%;height:250px;min-height:98%; 
      left:10px;right:10px;background-color:#fff;border:1px solid #1c578d;bottom:10px;top:10px;color:#1B4A90;overflow:auto;
      display:inline;}

答案 2 :(得分:0)

这不是一个完整的答案,但在HTML5中有一个contenteditable属性。 Here is a link to an example。这确实支持特定的样式。

答案 3 :(得分:0)

唯一的方法是创建自己的“元素”。例如,创建一个空的div,以及一个能够启用按键监听器的焦点处理程序 - 按键处理程序然后将按下的字符处理到div的html。如果char是你想要的那个(或其中一个),你可以在它周围加一个span来设置样式。当然,你必须能够处理诸如按住键盘键之类的东西应该继续添加相同的字符,你还需要通过删除,退格和选择来处理删除等。很多东西给只是为了能够突出显示一个字符。

答案 4 :(得分:0)

您无法更改颜色,但您可以选择特定字符(通过JavaScript突出显示)。

请参阅Highlighting a piece of string in a TextArea

答案 5 :(得分:0)

使用此jQuery插件: jQuery.colorfy

https://github.com/cheunghy/jquery.colorfy

在这里演示:http://cheunghy.github.io/jquery.colorfy/