easyui-datagrid行数据field原样输出html标签

港控/mmm° 2023-10-17 20:43 37阅读 0赞

easyui-datagrid 绑定的行 field 原样输出html标签。处理效果如图：

![172074-20151011110345440-1089466993.png][]

Html页面代码如下：

...
    <tr>
            <th field="id" width="5" align="center">编号</th>
            <th field="name" width="20" align="center" data-options="formatter:formatEncodeHtml">名称</th>
    ...

处理的js代码如下：

function formatEncodeHtml(value, row, index) {
        return encodeHtml(value);
    }
    this.REGX_HTML_ENCODE = /"|&|'|<|>|[\x00-\x20]|[\x7F-\xFF]|[\u0100-\u2700]/g;
    function encodeHtml(s) {
        return (typeof s != "string") ? s :
                s.replace(this.REGX_HTML_ENCODE,
                        function ($0) {
                            var c = $0.charCodeAt(0), r = ["&#"];
                            c = (c == 0x20) ? 0xA0 : c;
                            r.push(c);
                            r.push(";");
                            return r.join("");
                        });
    }

[172074-20151011110345440-1089466993.png]: https://images2015.cnblogs.com/blog/172074/201510/172074-20151011110345440-1089466993.png

发表评论取消回复

表情：

评论列表（有 0 条评论，37人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML入门：块级标签，行内标签，行内块标签

[块级元素][Link 1]：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽； [行内元素][Link 2]：可以多个标签存在一行

╰+攻爆jí腚メ/ 2024年03月30日 13:38/ 0 赞/ 73 阅读

相关 easyui-datagrid行数据field原样输出html标签

easyui-datagrid 绑定的行 field 原样输出html标签。处理效果如图： ![172074-20151011110345440-1089466993.png

港控/mmm°/ 2023年10月17日 20:43/ 0 赞/ 38 阅读

相关换行标签br(HTML)

换行标签br(HTML) <!DOCTYPE html> <html lang="en"> <head> <meta charse

蔚落/ 2023年10月03日 12:21/ 0 赞/ 3 阅读

相关 HTML,JS原样显示

HTML和JS原样显示使用`<xmp></xmp>`标签即可达到效果 //用<xmp></xmp>标签就好了 <xmp> HTML标

迈不过友情╰/ 2023年03月13日 11:41/ 0 赞/ 3 阅读

相关 PHP如何在页面中原样输出HTML代码

字符串与HTML之间的相互转换主要应用htmlentities()函数来完成。 ![Center][] header("Content-Type: text/htm

忘是亡心i/ 2022年07月27日 14:49/ 0 赞/ 184 阅读

相关 Html-行级标签

一、基于布局的块级标签 1. 无序列表有多个列表项组成，每个列表项前面带小黑点，称为无序列表。无序列表用ul表示，列表中每一个列表项用li表示如：

绝地灬酷狼/ 2022年06月14日 06:49/ 0 赞/ 200 阅读

相关如何实现HTML代码原样输出，不被浏览器解析？

有时我们在做自己的技术博客网站的时候，需要直接贴出源代码，不想被浏览器解析，那么我们如何实现HTML代码原样输出，不被浏览器解析？这里说几种实用方法，供大家参考下：

比眉伴天荒/ 2022年06月05日 01:38/ 1 赞/ 1144 阅读

相关 HTML-保留输出标签

在HTML文件，如果要保留输出标签，应该把内容放置在<xmp>标签内； <xmp>定义：<xmp>标签之间的内容不会被当作文档内容解析，而会被用等宽字体直接呈现； <p

拼搏现实的明天。/ 2022年05月16日 09:46/ 0 赞/ 324 阅读

相关 html输出文本标签，html输出原样标签

可以使用使html元素标签不被转义。问题场景：在做富文本编辑器的时候：在网页上copy了一段代码，想粘贴到编辑器里面，使用insertHTML命令，粘贴经过处理的字

叁歲伎倆/ 2022年03月11日 03:21/ 0 赞/ 770 阅读

相关 thinkphp-原样输出

\{literal\} hello \{$name\} \{/literal\} 本文转自素颜猪 51CTO博客，原文链接:http://blog.51cto

迷南。/ 2022年02月09日 09:27/ 0 赞/ 250 阅读