分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

ueditor样式过滤去除和远程图片上传自定义

发布时间:2023-09-06 01:45责任编辑:胡小海关键词:暂无标签
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教程 - 周陆军的个人网站请添加链接描述

ueditor样式过滤去除和远程图片上传自定义

原文地址:http://blog.51cto.com/zhoulujun/2087525

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved