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

发布时间:2020-07-24 16:34:37 作者:周陆军
来源:网络 阅读:1429

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教程 - 周陆军的个人网站请添加链接描述

推荐阅读:
  1. UEditor如何自定义工具条
  2. Ueditor编辑器 自动过滤Style内联样式问题

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ueditor 图片上传 自定义

上一篇:php数据库查询乱码怎么办

下一篇:swscanf_s和sscanf_s的使用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》