Сделать многоцветный динамический текст в textarea

Мой вопрос прост. но не получил решения.
У меня есть одно текстовое поле. как:Сделать многоцветный динамический текст в textarea

<textarea style="height: 70px; width: 99%;"></textarea>

И Jquery как:

var text = 'Hello... \n World \n othertext'; 
$('textarea').attr('value', text);

Теперь, я хотел бы сделать другое форматирование для Hello, World и othertext.
Предположим, что Hello с color:red и font-size:15px;, и мир имеет color:yellow и font-size:20px; и так далее.

Итак, как я могу установить либо css, либо jquery?

Fiddle Link.

источник

2015-04-28 ketan

Я не считаю, что это возможно в рамках одного 'textarea', как вы можете установить только один стиль шрифта для всего элемента. Вы могли бы использовать разрешенный контент div или редактор WYSIWYG. –

Любопытно узнать, почему вы хотите этого ... Я имею в виду, есть ли какие-либо требования к реальному миру, которые я чувствую странно –

Я просто хочу добавить текст в textarea dynamic. по крайней мере, если это возможно с другой текстовой переменной. например 'text1 = 'hello'',' text2 =' world'' и т. д. – ketan

Я не знаю, возможно ли с помощью текстовой области. Ниже приведен пример кода с редактируемым div с использованием java-скрипта. JS скрипка Ссылка: http://jsfiddle.net/pckrishnadas88/ec4Lnn22/

$('.editable').each(function(){ 
 
    this.contentEditable = true; 
 
});

div.editable { 
 
    width: 300px; 
 
    height: 200px; 
 
    border: 1px solid #ccc; 
 
    padding: 5px; 
 
    color:red; 
 
} 
 
div.editable span{ 
 
    color:green; 
 
    font-weight:bold; 
 
    font-size:24px; 
 
}

<div class="editable">editable<span> span content</span></div>

источник

2015-04-28 11:02:33

Да, я знаю, что это возможно с div. – ketan

Сделать многоцветный динамический текст в textarea

ответ

Смежные вопросы