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