網頁制作的過程中想通過編輯器添加一些特殊應用,例如要添加視頻播放器代碼,添加后發現不能正常播放視頻,檢查代碼后發現視頻調用代碼被無情過濾了,部分被替換成空白、部分被替換成div,造成無法實現網站嵌套視頻播放的問題。網上方法不少,大多不能如愿,經多次研究整理一套完整的解決方案。
第一步:UEditor取消html源代碼切換時div/script/style等自動過濾
在Ueditor編輯器目錄找到ueditor的js文件:ueditor.all.js 注意return;加入的位置!
ueditor.all.js 搜索 UE.plugins['defaultfilter'] UE.plugins['defaultfilter'] = function () { return; //在這里添加return,不執行下面的格式化 var me = this; me.setOpt({ 'allowDivTransToP':false, 'disabledTableInTable':true }); //默認的過濾處理 //進入編輯器的內容處理 ueditor.all.min.js 搜索UE.plugins.defaultfilter UE.plugins.defaultfilter= function(){return;var d=this;d.setOpt({allowDivTransToP:!0,d
第二步:確保配置文件中白名單列表中包含相關標簽及對應的屬性
找到配置文件:ueditor.config.js 搜索關鍵詞:whitList 該列表下出現的標簽及對應的屬性是不會被過濾掉的。
// xss過濾白名單 ,whitList: { iframe: ['frameborder','border','width','height','src','id'], a: ['target', 'href', 'title', 'class', 'style'], abbr: ['title', 'class', 'style'], script: ['type','src'], address: ['class', 'style'], area: ['shape', 'coords', 'href', 'alt'], article: [], aside: [], audio: ['autoplay', 'controls', 'loop', 'preload', 'src', 'class', 'style'], b: ['class', 'style'],
以上二步缺一不可,按照步驟修改相關標簽及對應的屬性,保存后覆蓋原來的文件,清空站點及本地緩存后即可生效。
若以上兩步仍不能解決問題,script,style等標簽依然被過濾,那么請檢查使用編輯器的頁面調用的是哪個文件(ueditor.js還是ueditor.min.js),打開對應的文件,一般用的是ueditor.min.js這個文件,搜索代碼“filterInputRule:function”,在代碼{for(var這個位置即for前加入return; 編輯之后是:{return;for(var,然后保存上傳并覆蓋。
如果還是搞不定,本人以Euditor1.4.3為例把修改好的文件打包分享出來,大家可以直接下載覆蓋。
鏈接: https://pan.baidu.com/s/1Kx8lu-tli6EYb4cIkP5hzg 提取碼: r76f
eb富文本編輯器用的是百度UE,ueditor,后端用的是JSP,JAVA,SpringBoot,要求實現word文檔導入,自動生成HTML,自動將生成的HTML添加到編輯器中。圖片自動保存到服務器中。
主要的方案就是提供一個轉換接口,轉換接口使用RESTful協議,這樣的話兼容性更好一點,其它的平臺用起來的話更方便簡單一點,而且測試起來也方便。
現有項目需要為TinyMCE增加導入word文件的功能,導入后word文件里面的圖片自動上傳到服務器中,word里面的文本樣式保留
用戶一般在發新聞和發文章時用到,算是一個高頻使用功能,用戶體驗上來講確實是很好,和以前的發新聞或者發文章的體驗比起來要方便許多,用戶用起來也更方便。
示例下載
https://gitee.com/xproer/zyoffice-ueditor1.5x
主要步驟如下:
1.上傳zyoffice文件夾
2.在工具欄中增加插件按鈕
3.在頁面中引入組件文件,初始化組件
效果
editor富文本實現導入word功能,JAVA+WORD圖片上傳控件,ASP.NET – 支持WORD上傳的富文本編輯器,HTML5 – 支持WORD上傳的富文本編輯器,ASP.NET支持word上傳的富文本編輯器,PHP支持Word上傳的富文本編輯器,百度ueditor編輯器如何導入word文檔,如何實現導入WORD文檔到UEDITOR編輯器中,導入word文檔到百度編輯器中,將word文檔導入到ueditor編輯器中
前端不固定某一種語言和框架,要求全部都能夠支持,比如HTML5,HTML,VUE,React等。
后端的話最好能夠支持任意語言,實際上哪一種開發語言開發的后端都無所謂,因為提供給前端的只是一個接口,前端并不關心后端的具體實現。
在網上搜索過相關的資料,論壇里面也有網友交流過。
導入后圖片自動上傳到服務器中,圖片和文字HTML自動添加到編輯器中,保留word文檔的格式,字體大小,字體顏色等信息
能夠支持多個系統平臺,比如Windows,macOS,Linux,信創國產化系統,中標麒麟,銀河麒麟,統信UOS,中科方德,龍芯,華為鯤鵬等。
客戶端不用安裝控件。這塊網上資料有一些,找到的論壇里面也有部分交流。
主要的方案就是提供一個轉換接口,轉換接口使用RESTful協議,這樣的話兼容性更好一點,其它的平臺用起來的話更方便簡單一點,而且測試起來也方便。
實際上這個與后端是無關的
現有項目需要為TinyMCE增加導入word文件的功能,導入后word文件里面的圖片自動上傳到服務器中,word里面的文本樣式保留
用戶一般在發新聞和發文章時用到,算是一個高頻使用功能,用戶體驗上來講確實是很好,和以前的發新聞或者發文章的體驗比起來要方便許多,也確實能夠給用戶帶來許多的便利 。
大領導要求提供產品完整源代碼,領導要求能夠自主可控,公司有自己的產品,領導要求能夠集成在自己的產品中給客戶使用。示例下載
https://gitee.com/xproer/zyoffice-ueditor1.5x
主要步驟如下:
1.上傳zyoffice文件夾
2.在工具欄中增加插件按鈕
3.在頁面中引入組件文件,初始化組件
效果
開發文檔:https://drive.weixin.qq.com/s?k=ACoAYgezAAwsDazDKJ
產品比較:https://drive.weixin.qq.com/s?k=ACoAYgezAAwh8oq8Zf
產品源代碼:https://drive.weixin.qq.com/s?k=ACoAYgezAAwjJM8412
報價單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwsfyDdrf
*請認真填寫需求信息,我們會在24小時內與您取得聯系。