百度編輯器在編輯視訊時src丟失的問題
-
這個問題困擾很久 ,上網查詢 發現也有遇到這一同一問題
ueditor 上傳成功 預覽成功 檢視html 程式碼如下:
<p><video class="edui-upload-video vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src="http://***/ueditor/jsp/upload/video/20170119/1484791682515095947.mp4" data-setup="{}"></video></p>
儲存完 返回 回顯再編輯時 就會出現:
<p><video class="edui-upload-video vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src data-setup="{}"></video></p>
可惜 下面沒有多少可解決問題的好方法
-
卡住了,只好乖乖的再去檢視API 。
終於在 getContent()的方法中找到了點點蹤跡;
getContent()獲取到的是經過編輯器內建的過濾規則進行過濾後得到的內容。
因為說明 在獲取時,存在一個過濾的過程。 關鍵在於這個過濾!
-
檢視資料得知 在ueditor.config.js 裡存在白名單的設定。白名單裡過濾掉了各種標籤的屬性。在重新編輯上傳視訊時,ueditor 會自動的將video轉化為img
-
設定白名單。在配置檔案ueditor.config.js中,有預設過濾規則相關配置專案 找到whitList的位置(365行左右)。配置video和img過濾的標籤名單。
其他的過濾專案可以根據自己的需求新增修改。設定完後,清除瀏覽器快取 ,檢視效果。
-
如果設定白名單的方法沒有效果,可以簡單粗暴的將預設過濾機制去掉,在ueditor.all.js中,找到函式UE.plugins['defaultfilter'] = function () {...}(plugin 編輯器預設的過濾轉換機制 位於9967行左右)。
第一種 在函式裡新增return; 所有過濾機制失效。
第二種 將case 'img' 部分的程式碼註釋掉,不過濾img標籤(再編輯時ueditor 會自動的將video轉化為img)的情況。
如果引用的是 ueditor.all.min.js,需要對此做同樣的修改。
-
設定完後,清除瀏覽器快取 ,檢視效果。開啟html,路徑存在!OK