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许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。