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教程 - 周陸軍的個人網站請添加鏈接描述