整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          關于ueditor編輯器過濾script/style標簽的解決方法

          網頁制作的過程中想通過編輯器添加一些特殊應用,例如要添加視頻播放器代碼,添加后發現不能正常播放視頻,檢查代碼后發現視頻調用代碼被無情過濾了,部分被替換成空白、部分被替換成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


          主站蜘蛛池模板: 免费一区二区无码东京热| 日韩视频一区二区三区| 国产麻豆精品一区二区三区v视界| 亚洲Av无码一区二区二三区| 久久久国产一区二区三区| 波多野结衣一区二区三区| 国产成人一区二区三区在线| 日韩精品一区二区三区老鸭窝 | 亚洲国产成人一区二区精品区 | 精品一区二区三区四区| 久久久av波多野一区二区| 中文字幕无码一区二区免费| 成人午夜视频精品一区| 中文字幕一区二区三区免费视频| 精品国产一区在线观看| 久久精品国内一区二区三区| av无码人妻一区二区三区牛牛 | 中文字幕精品一区二区日本| 日韩人妻无码一区二区三区久久99| 日韩精品无码人妻一区二区三区| 国产精品电影一区二区三区| 全国精品一区二区在线观看| 一区二区视频在线免费观看| 精品一区二区三区在线观看 | 日韩有码一区二区| 中文字幕一精品亚洲无线一区| 人妻少妇久久中文字幕一区二区 | 国产在线精品一区二区夜色| 国产香蕉一区二区在线网站| 国产在线不卡一区二区三区| 免费看AV毛片一区二区三区| 四虎永久在线精品免费一区二区 | 国产精品久久久久一区二区三区| 日本一区二区在线不卡| 波多野结衣一区在线| 免费人妻精品一区二区三区| 亚洲一区视频在线播放| 亚洲色精品aⅴ一区区三区| 色窝窝无码一区二区三区| 一区二区免费国产在线观看| 无码一区二区三区|