打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
ztree 为节点名称添加html标签后,却以文本的形式显示

ztree版本:v3.5.35

做个树的查询功能,要高亮显示搜索的文字,后台给节点名称加上了html标签,类似如下代码:

nodeName.replace(searchKey, "<span style='color:red;'>" + searchKey + "</span>");

生成树后成了:


通过调试源码,发现在如下代码处做了转义:

  1. makeDOMNodeIcon: function (html, setting, node) {
  2.   var nameStr = data.nodeName(setting, node),                                  //这里 ↓↓↓
  3.       name = setting.view.nameIsHTML ? nameStr : nameStr.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');                  
  4.   html.push("<span id='", node.tId, consts.id.ICON,
  5.   "' title='' treeNode", consts.id.ICON, " class='", view.makeNodeIcoClass(setting, node),
  6.   "' style='", view.makeNodeIcoStyle(setting, node), "'></span><span id='", node.tId, consts.id.SPAN,
  7.   "' class='", consts.className.NAME,
  8.   "'>", name, "</span>");
  9. },

去掉后效果:



本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
ztree根据关键字模糊搜索
使用 Dojo 的 Ajax 应用开发进阶教程,第 4 部分: DOM 查询与操作
简易DOM
zTree获取所有节点
HTML <span> 标签 的详细用法
Web Scraper 高级用法——CSS 选择器的使用 | 简易数据分析 15
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服