页面的qtip显示需要换行显示,最初的代码:
var tip = v.replace(/
/g,'</br>');
return '<span qtip="'+Ext.util.Format.htmlEncode(tip)+'">' + Ext.util.Format.htmlEncode(v) + '</span>';
代码思路:将传过来的字符串的 转化为 </br>,用html解析即可显示
问题:正常情况下,的确是很ok的,但是遇到特殊字符后,就有问题了
比如:字符串为:<a>aaa</a> <a>bbb</a> 然后发现<a></a>都显示不出来了
分析:html将<a></a>解析为标签元素了。。。。
探寻之路: 既然将<a></a>解析了,那么将其再解析一下即可:
var encode = Ext.util.Format.htmlEncode;
encode(encode(v));
此时<a></a>是解析出来了,换行也有了,但是</br>也给解析出来了。。。
至少明白了一点:encode(encode())可以将字符串解析为html显示,且将其再转化为原始显示
经过上述的探寻,答案也浮出水面:
思路:现将字符串解析,在将‘ ’替换为 '</br>',再将其encode一次,这样</br>会被解析为换行符,字符串中本来的字符也会显示出来,不会被解析掉了。
encode(encode(v).replace(/ /g, '</br>'));