時間:2021-03-18 16:28:20 作者:無名 瀏覽量:41
Uiditor是百度web前端R&D部開發(fā)的所見即所得編輯器,注重用戶體驗,輕量級,可定制。Ueditor基于BSD開源協(xié)議,采用分層概念,具有加載快速的輕量級特性,代碼簡化,使開發(fā)人員可以根據(jù)實際應(yīng)用和需求自由定制。Ueditor編輯器分為三層。其中核心層為開發(fā)者提供了范圍、選擇、domUtils等底層API接口。中間命令插件層不僅提供了大量的基本命令,還允許開發(fā)人員基于核心層開發(fā)命令命令,而用戶端接口層可以提供自由定制的用戶交互界面。Uiditor開源編輯器,具有兼容性,開發(fā)者可以根據(jù)自己的需要訪問任何一層進(jìn)行開發(fā)。
軟件功能
1.體積小,性能優(yōu)異,使用簡單。
2.分層架構(gòu)便于定制和擴(kuò)展。
3.更適合團(tuán)隊開發(fā),滿足了不同層次用戶的需求。
4.豐富完善的中文文檔。
5.支持多種瀏覽器:Mozilla、Maxthon、Safari、MSIE、Firefox、Chrome。
6.更好的使用體驗,已經(jīng)應(yīng)用到百度各大產(chǎn)品線,在專業(yè)QA團(tuán)隊的持續(xù)支持下。
Ueditor官方下載圖二
軟件特色
1.定制下載,提供可視化功能選擇和定制下載,細(xì)粒度拆分核心代碼。
2.專業(yè)的穩(wěn)定性,數(shù)千個自動化測試用例的支持,百度專業(yè)qa團(tuán)隊的持續(xù)跟進(jìn)。
3.功能全面,覆蓋了流行的富文本編輯器的特殊功能,創(chuàng)造了多種新的編輯操作模式。
4.開源是免費(fèi)的,它基于麻省理工學(xué)院協(xié)議,支持商業(yè)和非商業(yè)用戶的自由使用和任意修改。
5.用戶體驗,提供良好的豐富文本編輯體驗,屏蔽瀏覽器之間的差異。
Ueditor官方下載圖三
使用方法
1.在editor_config.js(或ueditor.config.js)文件中找到toolbars參數(shù),對應(yīng)添加一個labelMap,在添加一個“camnpr”字符串后,當(dāng)鼠標(biāo)移動按鈕時進(jìn)行提示。
2.轉(zhuǎn)到ui/editorui.js文件中的btnCmds數(shù)組,并在其中添加一個“camnpr”字符串!救绻也坏絜ditorui.js,請直接在ueditor.all.js文件中搜索var btnCmds=[]即可
3.此camnpr.html頁面是用戶定義的頁面。如果要點擊此按鈕彈出此頁面,需要添加以下代碼(首先在ueditor.all.js頁面上找到editorui[‘emotion‘]=function,添加到此代碼下)。
4.如果您想要此功能,請不要添加步驟5中的操作。
常見問題
1.當(dāng)UEditor使用ctr c和ctr v時,會導(dǎo)致重新捕獲遠(yuǎn)程圖片的問題?
修改ueditor.config.js,在窗口中添加catchremoteimagenenable: false配置項。UEDITOR_CONFIG
上傳多張圖片時,更改圖片大小以及如何按比例壓縮。
2.配置在ueditor/jsp/config.json文件中修改,按照長邊等比壓縮
Imagecompressenable‘ : true,/*是否壓縮圖片,默認(rèn)為true */
Imagecompressborder‘ : 8800,/*圖片壓縮的最大邊緣限制*/