Как изменить цвет одного символа в текстовой области

Question

Пожалуйста, мне нужно изменить цвет одного символа в текстовой области, используя JQuery.

Answer 1

Вы не можете.Текстовая область - это простой текст.Вот почему, например, HTML внутри текстовой области отображается буквально (за исключением </textarea>).

Answer 2

Я изменил текстовую область с помощью редактируемого содержимого div:

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

Answer 3

Используйте этот плагин jQuery: jQuery.colorfy

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

Демо здесь: http://cheunghy.github.io/jquery.colorfy/

Answer 4

Вы не можете изменять цвета, но вы можете выбрать определенный символ (выделите с помощью JavaScript.)

См. Выделение фрагмента строки в TextArea

Answer 5

Единственный способ сделать это - создать свой собственный «элемент». Например, создайте пустой div и обработчик фокуса, который включит прослушиватель нажатия клавиш - тогда обработчик нажатия клавиш будет при нажатой букве к html элемента div. Если вам нужен именно тот символ (или один из них), вы бы добавили вокруг него span (например) для стилизации. Конечно, вы должны быть в состоянии справиться с такими вещами, как удержание клавиши на клавиатуре, продолжать добавлять тот же символ, также вам нужно будет обрабатывать удаление с помощью удаления, возврата, выделения и т. Д. сделать, чтобы иметь возможность выделить символ.

Answer 6

Это не полный ответ, но в HTML5 есть атрибут contenteditable. Вот ссылка на пример .Это поддерживает определенную стилизацию.