現(xiàn)在百度UEditor編輯器是運用比較廣泛的一個編輯器了,不僅開源還有中文的文檔,所以很受歡迎,不過里面也有許多地方需要開發(fā)人員自己調(diào)試,其中一個比較常見的問題就是上傳視頻了,上傳視頻本身有一些小bug,就是百度編輯器上傳視頻后無法獲得視頻地址,同時UEditor插入視頻后,embed或iframe,路徑被清空;通過工具欄的“插入iframe”,插入視頻無效。今天青島做網(wǎng)站就跟大家分享一下如何解決以上的bug。
導(dǎo)致在百度UEditor編輯器中無法插入視頻或者是插入視頻后,視頻路徑或者是embed或iframe代碼無法保存都是因為編輯器沒有開放視頻插入的代碼的白名單,所以會被過xss濾掉。
解決方法如下:
首先在ueditor.config.js文件里增加xss過濾白名單:
在這里的末尾加上下列在插入視頻中使用的代碼:
source: ['src', 'type'],
embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play','autoplay','loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload'],
iframe: ['src', 'class', 'height', 'width', 'max-width', 'max-height', 'align', 'frameborder', 'allowfullscreen']
這樣,在編輯器中就可以插入或者引用優(yōu)酷、騰訊視頻的iframe通用代碼和embed html代碼;移動端一般引用iframe,可設(shè)置屬性,使其適應(yīng)設(shè)備。