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

简介:

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

 

Html页面代码如下:

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

处理的js代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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(" ");
                     });
}

 

 

  


本文转自王磊的博客博客园博客,原文链接:http://www.cnblogs.com/vipstone/p/4868954.html,如需转载请自行联系原作者



目录
相关文章
|
1月前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
50 5
|
7天前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
10天前
|
JavaScript API 开发工具
<大厂实战场景> ~ Flutter&鸿蒙next 解析后端返回的 HTML 数据详解
本文介绍了如何在 Flutter 中解析后端返回的 HTML 数据。首先解释了 HTML 解析的概念,然后详细介绍了使用 `http` 和 `html` 库的步骤,包括添加依赖、获取 HTML 数据、解析 HTML 内容和在 Flutter UI 中显示解析结果。通过具体的代码示例,展示了如何从 URL 获取 HTML 并提取特定信息,如链接列表。希望本文能帮助你在 Flutter 应用中更好地处理 HTML 数据。
93 1
|
7天前
|
存储 移动开发 前端开发
|
1月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
39 2
|
1月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
32 1
|
29天前
|
Web App开发 数据采集 移动开发
HTML5新增的属性和标签
HTML5新增的属性和标签
96 0
|
1月前
|
XML Web App开发 数据格式
HTML 页面显示 XML 数据
10月更文挑战第2天
|
1月前
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
22 0
|
6月前
|
前端开发
HTML基本标签使用详解
HTML基本标签使用详解