1. 程式人生 > 其它 >百度編輯器在編輯視訊時src丟失的問題

百度編輯器在編輯視訊時src丟失的問題

  1. 這個問題困擾很久 ,上網查詢 發現也有遇到這一同一問題

    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>

    可惜 下面沒有多少可解決問題的好方法

  2. 卡住了,只好乖乖的再去檢視API 。

    終於在 getContent()的方法中找到了點點蹤跡;

    getContent()獲取到的是經過編輯器內建的過濾規則進行過濾後得到的內容。

    因為說明 在獲取時,存在一個過濾的過程。 關鍵在於這個過濾!

  3. 檢視資料得知 在ueditor.config.js 裡存在白名單的設定。白名單裡過濾掉了各種標籤的屬性。在重新編輯上傳視訊時,ueditor 會自動的將video轉化為img

  4. 設定白名單。在配置檔案ueditor.config.js中,有預設過濾規則相關配置專案 找到whitList的位置(365行左右)。配置video和img過濾的標籤名單。

    其他的過濾專案可以根據自己的需求新增修改。設定完後,清除瀏覽器快取 ,檢視效果。

  5. 如果設定白名單的方法沒有效果,可以簡單粗暴的將預設過濾機制去掉,在ueditor.all.js中,找到函式UE.plugins['defaultfilter'] = function () {...}(plugin 編輯器預設的過濾轉換機制 位於9967行左右)。

    第一種 在函式裡新增return; 所有過濾機制失效。

    第二種 將case 'img' 部分的程式碼註釋掉,不過濾img標籤(再編輯時ueditor 會自動的將video轉化為img)的情況。

    如果引用的是 ueditor.all.min.js,需要對此做同樣的修改。

  6. 設定完後,清除瀏覽器快取 ,檢視效果。開啟html,路徑存在!OK