現(xiàn)在百度UEditor編輯器是運(yùn)用比較廣泛的一個(gè)編輯器了,不僅開(kāi)源還有中文的文檔,所以很受歡迎,不過(guò)里面也有許多地方需要開(kāi)發(fā)人員自己調(diào)試,其中一個(gè)比較常見(jiàn)的問(wèn)題就是上傳視頻了,上傳視頻本身有一些小bug,就是百度編輯器上傳視頻后無(wú)法獲得視頻地址,同時(shí)UEditor插入視頻后,embed或iframe,路徑被清空;通過(guò)工具欄的“插入iframe”,插入視頻無(wú)效。今天青島做網(wǎng)站就跟大家分享一下如何解決以上的bug。
導(dǎo)致在百度UEditor編輯器中無(wú)法插入視頻或者是插入視頻后,視頻路徑或者是embed或iframe代碼無(wú)法保存都是因?yàn)榫庉嬈鳑](méi)有開(kāi)放視頻插入的代碼的白名單,所以會(huì)被過(guò)xss濾掉。
解決方法如下:
首先在ueditor.config.js文件里增加xss過(guò)濾白名單:
在這里的末尾加上下列在插入視頻中使用的代碼:
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代碼;移動(dòng)端一般引用iframe,可設(shè)置屬性,使其適應(yīng)設(shè)備。