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

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

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

 
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;}

这不是一个完整的答案,但在HTML5中有一个contenteditable属性。 这是一个示例的链接 。 这确实支持特定的样式。

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

你无法改变颜色,但你可以做的是选择一个特定的角色(通​​过JavaScript突出显示)。

请参阅在TextArea中突出显示一段字符串

使用这个jQuery插件:jQuery.colorfy

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

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