请问弹出层如何不解析HTML代码...?

讨论 已结
12 1542
mojie126
mojie126 2017-12-31
悬赏:20飞吻
就是JSON返回里有个字段儿是HTML代码,想用LayUI的弹出层展示出来...

那么问题来了...弹出层把HTML代码给解析掉了...不能只当做字符串处理么...?

翻遍文档也没看到可以禁止解析HTML的配置项...

求解...
回帖
  • 月磊
    2017-12-31
    2 回复
  • mojie126
    2017-12-31
    顺便问下,官方有没有打算增加“穿梭框”功能组件...?
    1 回复
  • 月磊
    2017-12-31
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>
    layui
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/layui.css" media="all">
    <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <input id="test" type="button" value="button" onclick="test1()" />
    </div>
    </form>
    <script src="layui.js" charset="utf-8">
    </script>
    <script>
    //加上这个--start
    var layer;
    layui.use('layer',function() {
    layer = layui.layer;
    });
    //加上这个--end
    function test1() {
    var needEncode = HTMLEncode("<div style='padding:20px;'>自定义内容<div>");
    layer.open({
    type: 1,
    area: ['600px', '360px'],
    shadeClose: true,
    //点击遮罩关闭
    content: '自定义内容<br/>然后把需要显示源码的加进来:' + needEncode
    });
    }
    function HTMLEncode(str)
    {
    str = str.replace(/&/g, '&');
    str = str.replace(/</g, '<');
    str = str.replace(/>/g, '>');
    str = str.replace(/"/g, '"');
    str = str.replace(/'/g, ''');
    return str;
    }
    </script>
    </body>

    </html>
    1 回复
  • mojie126
    2017-12-31
    @月磊 str = str.replace(/'/g, ''');
    这行会报错哎...
    1 回复
  • 月磊
    2017-12-31
    @mojie126 尴尬,他给转码了
    <pre>
    str = str.replace(/&/g, '&');
    str = str.replace(/</g, '<');
    str = str.replace(/>/g, '>');
    str = str.replace(/"/g, '"');
    str = str.replace(/'/g, ''');
    </pre>
    0 回复
  • 月磊
    2017-12-31
    这也不行、、、
    0 回复
  • mojie126
    2017-12-31
    @月磊 试过了,貌似不行...
    0 回复
  • 月磊
    2017-12-31
    emmm你照着这个敲一下吧、、、
    0 回复
  • mojie126
    2017-12-31
    @月磊 好,我试试...
    0 回复
  • mojie126
    2017-12-31
    @月磊 厉害了,果然可以...
    0 回复
  • 月磊
    2017-12-31
    新年快乐2333
    0 回复
  • mojie126
    2018-1-1
    @月磊 新年快乐...
    0 回复
本帖已设置禁止回复