JSP引入ueditor解決視頻回顯 src連接丟失問題

使用Ueditor 上傳視頻成功了 預覽也能夠 但在再次編輯回顯內容 準備修改時 發現  視頻的小logo 不見了，用查看html發現src根本就沒有值 連接在保存的過程丟失了

工具/原料

• myeclipse

• ueditor

方法/步驟

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

   END

注意事項

• 參考資料中放了些連接，但願對你們有用！不足之處請多多指教！

 

轉自百度經驗 https://jingyan.baidu.com/article/39810a23ad0bcbb636fda621.html