Question

我的问题很简单。但没有得到解决方案。
我有一个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.

Answer 1

我不知道是否可以使用文本区域。下面是我使用java脚本编辑div的示例代码。 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>

在textarea中创建多色动态文本

1 个答案: