300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > ztree 为节点名称添加html标签后 却以文本的形式显示

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

时间:2022-06-18 03:06:17

相关推荐

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

ztree版本:v3.5.35

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

nodeName.replace(searchKey, "<span>" + searchKey + "</span>");

生成树后成了:

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

makeDOMNodeIcon: function (html, setting, node) {

var nameStr = data.nodeName(setting, node), //这里 ↓↓↓

name = setting.view.nameIsHTML ? nameStr : nameStr.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");

html.push("<span, node.tId, consts.id.ICON,

"" treeNode", consts.id.ICON, ", view.makeNodeIcoClass(setting, node),

"", view.makeNodeIcoStyle(setting, node), ""></span><span, node.tId, consts.id.SPAN,

"", consts.className.NAME,

"">", name, "</span>");

},

去掉后效果:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。