Question

如何使html代码在extjs的textarea中生效

可能是我描述得不够充分，我想问的是Ext.form.TextArea的value中如何使html代码生效，例如，这个ExtJS的textarea的value=‘<span style="color:red;">AAAAA</span>’，那么显示在页面上的就是<span style="color:red;">AAAAA</span> ，这个<span>的html代码根本没有生效，我就是想要改变这个AAAAA字体的颜色

Answer 1

你为什么非要用TextArea呢
TextArea中没有颜色

想显示颜色用Ext.form.HtmlEditor

追问

我这里有个需求，无论是用textarea还是htmleditor，总之，若value="A，B，C"，值为B的要是蓝色，除此之外的值字体是红色，如何实现呢，请教高手，礼让。

追答

还是使用HtmlEditor 但是那把它的功能按钮有选择的设置成false（根据自己需要）
不显示源代码编辑

然后给组件 监听 ’sync‘事件
可以得到 html里面的值(里面包含了html代码，可以用replace 过滤掉)
然后用replace 再验证设置颜色
function （htmleditor,hevalue）
{
hevalue.replace('','');
hevalue.replace('','');
hevalue.replace('','');
hevalue.replace('B','B');
组件引用.setRawValue(''+hevalue+'');

}

Answer 2

写一个函数，如：renderer:function(val)
{
if (val != ""&& val!=null)
{
return '<b><span style="color:blue;">' + val + '</span></b>';
}
else if(val==null)
{
return '暂无数据';
}
}
尝试一下

Answer 3

要我的话，会在render事件后，得到当前的值加上css样式在返回。