ueditor样式过滤去除和远程图片上传自定义-创新互联
ueditor自定义编辑的时候,比如需要做延迟加载,这个时候需要自定义图片等,但是,ueditor会去除img上面的属性,比如data-original和把远程图片自动上传。
创新互联专业为企业提供滨湖网站建设、滨湖做网站、滨湖网站设计、滨湖网站制作等企业网站建设、网页设计与制作、滨湖企业网站模板建站服务,十多年滨湖做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。这个时候,首先,需要给图片自动上传加上属性,不如对于jquery.lazyload延迟加载的图片,必定带有data-original属性,只要检测出此属性,就不远程上传。其它属性自定义提那家,代码如下:
'wordimage':{
execCommand:function () {
var images = domUtils.getElementsByTagName(me.body, "img");
var urlList = [];
for (var i = 0, ci; ci = images[i++];) {
if(ci.getAttribute("data-original")||ci.getAttribute("original")||ci.getAttribute("local")||ci.getAttribute("remote")||ci.getAttribute("qiniu")){
break;
}else {
var url = ci.getAttribute("word_img");
url && urlList.push(url);
}
}
return urlList;
},
第二,去除,对于script的过滤,对于script标签,添加特定的id活着class,不让ueditor处理。
case 'style':
case 'script':
if(node.id==='andyZhou'||node.className==="andyZhou"){
break;
}else {
node.setAttr({
cdata_tag: node.tagName,
cdata_data: (node.innerHTML() || ''),
'_ue_custom_node_':'true'
});
node.tagName = 'div';
node.innerHTML('');
break;
}
break;
第三,在白名单中添加script和style标签。
script:['src','defer','async','charset'],
source:['src'],
style:[],
这个时候,你就可以在html模式下自定义编辑,又享受ueditor的好处。
这个是自己DIY随便琢磨的,如果有更好的模式,请指教,多些。
转载请注明出处:ueditor样式过滤去除和远程图片上传自定义 - phpcms教程 - 周陆军的个人网站请添加链接描述
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文名称:ueditor样式过滤去除和远程图片上传自定义-创新互联
链接地址:http://scyanting.com/article/deoiip.html