• 页面换行大学问


    页面的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>'));

  • 相关阅读:
    一、JQuery选择器
    二、HelloMaven-第一个Maven项目
    一、maven的简介和环境搭建
    Junit源码
    五、spring和Hibernate整合
    JS 冒泡排序从学到优化
    JS小案例(基础好烦恼少)----持续更新
    JS+PHP实现用户输入数字后取得最大的值并显示为第几个
    将博客搬至CSDN
    HTML表单相关
  • 原文地址:https://www.cnblogs.com/xnn1993/p/7230923.html
Copyright © 2020-2023  润新知