Javascript - изменить цвет шрифта определенного текста в текстовой области

Question

Существует ли какая-либо функция JS, которая может изменять цвет определенного текста в текстовой области?

Например, blar blar {blar} blar, {blar}, включая {}, будет синим. Другие слова будут пустыми. Другими словами, все, что мне нужно, это функция, которая может изменять цвет всего текста в {}.

Я провел несколько исследований, и кажется, что большинство людей говорят, что это невозможно. Но я вижу богатые текстовые редакторы или те редакторы wysiwyg, которые имеют возможность выделять жирным шрифтом или подчеркивать слова. Должен быть способ сделать это.

Любые предложения приветствуются.

Answer 1

Никто не упомянул contentEditable?
Просто создайте div contentEditable и используйте его для оформления в стиле javascript.
Я рекомендую вам взглянуть на Dojo Toolkit .
Имеет виджет Editor .

Другие ресурсы:
Некоторые проблемы с содержимым, редактируемые в IE.
Как использовать contentEditable с jQuery или без него.

Answer 2

wysiwig-редакторы используют iframes вместо textareas. Текстовые области очень мало настраиваемы, так как то, что вы хотите, это изменение части контента. Вы не можете добавлять теги внутри текстовой области, что делает невозможным изменение только части текста.

Если вы посмотрите на редактор здесь в SO, вы напишите обычный текст внутри текстовой области, а затем он преобразуется в поле под ним, так что вы увидите звездочку внутри текстового поля, но в поле ниже он преобразует специальные символы путем их регулярного выражения с тегами.

Если вы используете firebug, вы можете начать писать в редакторе, глядя на HTML в окне предварительного просмотра.

Answer 3

вы не можете использовать текстовую область , чтобы сделать это, по сути.

Но javascript - твой друг. Возможно, вам стоит взглянуть на код нескольких текстовых редакторов.

Вы могли бы начать с lwrte , так как он говорит, что он "легкий" Кроме того, он написан в jquery, так что это будет довольно легко осуществить. (а я фанат JQuery).

Надеюсь, это поможет,

JRH

Answer 4

Но некоторые редакторы Jquery WYSIWYG делают это! Как это возможно? Посмотреть этот редактор lwrte

Answer 5

Думаю, вам нужно будет использовать execCommand метод javascript, который управляет многими вещами, такими как эти вещи, изменяя конкретный цвет текста

Привет