1. 程式人生 > >解決UEditor編輯器無法插入第三方視訊地址

解決UEditor編輯器無法插入第三方視訊地址

xssFilter導致插入視訊異常,編輯器在切換原始碼的過程中過濾掉img的_url屬性(用來儲存視訊url)_src/plugins/video.js裡處理的是_url,而不是_src。

1、在配置檔案ueditor.config.js中,定位 //xss過濾白名單,即,whitList:{ },對 img: 增加 “_url” 屬性:
這裡寫圖片描述
2、在 video 標籤後新增3給標籤,使Ueditor分別能支援embed標籤和iframe標籤:
這裡寫圖片描述
程式碼:

 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']

其中【】中的各個欄位為前面相應標籤的屬性 比如:<iframe src="", width="", height=""></iframe>

這樣,在編輯器中就可以引用優酷、騰訊視訊的iframe通用程式碼和embed html程式碼;移動端一般引用iframe,可設定屬性,使其適應裝置。(這裡,建議切換到原始碼模式,插入相應的視訊程式碼embed或iframe。其中iframe可編輯大小,優酷embed有效,騰訊embed無效;且騰訊視訊的iframe可設定為自動播放,優選)

注意:通過以上兩步後,可能出現的新問題是,前端頁面不解析<iframe>標籤,而是將其原樣輸出:
這裡寫圖片描述
解決方法:用html_entity_decode()函式把HTML實體轉換為字元,該函式為php函式。

假設$string為從資料庫中取出的編輯器存入的內容:經html_entity_decode($string)

後,再輸出到前端頁面。

相關推薦

解決UEditor編輯無法插入第三方視訊地址

xssFilter導致插入視訊異常,編輯器在切換原始碼的過程中過濾掉img的_url屬性(用來儲存視訊url)_src/plugins/video.js裡處理的是_url,而不是_src。 1、在配置檔案ueditor.config.js中,定位 //xss過

解決ueditor編輯圖片在線管理圖片無法顯示

har equal bar fix cati img nbsp set mod 使用ueditor,點擊在線管理,服務器圖片路徑顯示不正確,如下圖所示 查看源碼,如下: 發現圖片src中中間多了一長串的項目跟路徑,解決的辦法是 把 jsp/controller.jsp

解決百度富文字編輯無法上傳視訊的問題

本文轉自:http://blog.csdn.net/qq_34787830/article/details/75092347 1、在配置檔案ueditor.config.js中,定位 //xss過濾白名單,即,whitList:{ },對 img: 增加 “_url” 屬性:  2、在下面的 vid

解決ueditor編輯圖片線上管理圖片無法顯示

使用ueditor,點選線上管理,伺服器圖片路徑顯示不正確,如下圖所示  檢視原始碼,如下:  發現圖片src中中間多了一長串的專案跟路徑,解決的辦法是 把  jsp/controller

解決ueditor編輯右鍵貼上、複製,提示使用ctrl+v貼上問題

       最近跟著公司做專案,一個新聞網站,在新聞網站的後臺管理中,有很多對新聞內容編輯是功能,而專案中採用的是ueditor編輯器,作為一個剛剛入行的小白,發現ueditor編輯器功能非常強大,這裡也都是我不知道的知識啊 [捂臉哭]。        在使用編輯器編輯內

解決織夢替換ueditor編輯後欄目與單頁無法儲存內容

織夢的預設編輯器是ckeditor,沒有插入程式碼的功能,不夠強大,就換成了百度的UEditor編輯器。 使用織夢DedeCMS百度整合UEditor編輯器時,碰到了欄目內容或者單頁無法儲存的問題,這個可能是一個bug。   解決的方法就一種,具體修改的檔案是templets_one_edit

解決織夢替換ueditor編輯後欄目與單頁無法保存內容

代碼 編輯 orm 解決 替換 一個bug for temp templet 織夢的默認編輯器是ckeditor,沒有插入代碼的功能,不夠強大,就換成了百度的UEditor編輯器。 使用織夢DedeCMS百度整合UEditor編輯器時,碰到了欄目內容或者單頁無法保存的問題,

百度UEditor編輯視訊相關bug彙總和穩定解決方案

百度UEditor編輯器的視訊是個很頭疼的問題,從昨晚到今天折騰了一天,也看了不少帖子,很多都是隻治標不治本,而且有很多改法也是忽略本質,不過受大神啟發,自己還是琢磨出來了。 百度UEditor編輯器的視訊主要容易出現幾個問題: 1、新增視訊之後,點選檢視html原始碼,結

【markdown編輯插入圖片無法顯示的解決方法以及段首縮排

markdown編輯器插入圖片無法顯示 任意markdown編輯器下插入圖片無法顯示 大家有麼有遇見過這樣的現象,在我給段落進行縮排時,預覽區出現了這樣的情況: 大薩達大薩達阿斯頓的薩達的阿斯頓愛的阿斯達使得阿斯達實打實的大多數薩達愛上

UEditor編輯第一次賦值失敗的解決方法

var con 方法 方式 定義 tco 初始化 ren 失敗 網上查了很多方式都不是很好用,最後想到了這樣的處理方式 首先在js中定義一個全局變量 var ue = null; 然後在初始化顯示編輯器的時候js這樣寫 if (ue == null) {

頁面插入百度UEditor編輯

height blog 含義 復制 保留 了解 com mat ext 工作中用到了百度的富文本。以下總結記錄一下,UEditor嵌入網頁的方法。 第一步 到百度UEditor官網下載所需版本:http://ueditor.baidu.com/website 本次下載

百度Ueditor編輯的Html模式自動替換樣式的解決方法

tor tail classname 功能 lai empty als 包含 emp 百度的Ueditor編輯器出於安全性考慮,用戶在html模式下粘貼進去的html文檔會自動被去除樣式和轉義。雖然安全的,但是非常不方便。 做一下修改把這個功能去掉。 一、打開ueditor

百度ueditor編輯 自動加P最新解決辦法

自動 有時 過時 天發 ueditor min 朋友 tor 百度ueditor 今天有個客戶提出個需求,不讓百度ueditor編輯器在空白文檔自動添加<p><br/><p>,在網上找了一圈,大部分是解決LI裏自動套P,還有一部分也是碰到

ueditor編輯asp版不能上傳圖片的解決方法(800a0046)

第一步,先去IIS 中,開啟ASP 設定頁面,把錯誤資訊傳送到瀏覽器,有助於找到問題。 使用百度開源ueditor編輯器不能上傳圖片並報伺服器500錯誤 初看是 Uploader.Class 的 fs.CreateFolder( path )&nbs

怎樣在百度UMeditor編輯插入騰訊和愛奇藝網站視訊

百度UMeditor線上編輯器有插入視訊的功能,但是預設只支援優酷網的視訊智慧分析提取,其它視訊站是不支援的,但是同樣也可以插入。 原理很簡單,就是複製騰訊、愛奇藝等視訊的FLASH地址即可。 在百度UMeditor線上編輯器插入騰訊、愛奇藝等視訊的FLASH地址時,會提

vim編輯無法顯示中文字元的解決辦法

 有時可能會遇到vim開啟的中文字元是亂碼的情況,需要配置一下解決這個問題。   sudo  vim  /etc/vim/vimrc  在最下面新增程式碼“set fencs=utf-8,GB18030,ucs-bom,default,lat

ueditor編輯手機端的貼上複製無法實現圖片複製緣由

ueditor編輯器手機端的貼上複製無法實現圖片複製,然而用輸入法的卻可以,後來又發現其實不管用不用輸入法的貼上複製,都可以實現複製。但是有一個應該注意的地方,就是css3有個屬性,user-select可以精緻介面複製貼上 https://www.css88.com/book/css/prop

ueditor編輯的游標停留處插入內容

業務場景:       首先在ueditor編輯器中插入一段文字,然後我想在文字的某個位置(游標停留處)插入一個字串,這個字串是從頁面的其他地方選擇得來的。       注意,當我們點選ueditor編輯器以外的地方,編輯器會失去焦點,此時,我們會看不到編輯器編輯時閃爍的游

ueditor編輯自動生成 解決辦法

在Ueditor編輯器裡,直接貼上一篇編輯好的文章(包括文字、圖片)或html原始碼時,編輯器會自動生成&nbsp;標籤,這樣會導致網站前端樣式走樣。 示例如下:截圖說明問題 解決方法: 在ueditor.all.js檔案找到上述所示程式碼,將&nbsp

ueditor編輯右鍵貼上、複製不能用的解決辦法

ueditor編輯器功能非常強大,現在比較多的網站頁面或者系統中都集成了百度的ueditor編輯器,使系統編輯文字變得非常容易。但是預設狀態下,在使用google核心的瀏覽器時,會出現右鍵貼上複製都不能用的情況。 會提示使用ctrl+v貼上。對於經常使用快捷鍵熟悉的人來說不是