ueditor樣式過濾去除和遠程圖片上傳自定義
阿新 • • 發佈:2018-03-16
ueditorueditor自定義編輯的時候,比如需要做延遲加載,這個時候需要自定義圖片等,但是,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樣式過濾去除和遠程圖片上傳自定義