Ueditor富文本編輯器

Ueditor富文本編輯器功能介紹

1、功能全面

涵蓋流行富文本編輯器特色功能，獨(dú)創(chuàng)多種全新編輯操作模式。

2、用戶體驗(yàn)

屏蔽各種瀏覽器之間的差異，提供良好的富文本編輯體驗(yàn)。

3、開源免費(fèi)

開源基于MIT協(xié)議，支持商業(yè)和非商業(yè)用戶的免費(fèi)使用和任意修改。

4、定制下載

細(xì)粒度拆分核心代碼，提供可視化功能選擇和自定義下載。

5、專業(yè)穩(wěn)定

百度專業(yè)QA團(tuán)隊(duì)持續(xù)跟進(jìn)，上千自動化測試用例支持。

Ueditor富文本編輯器特色說明

1、體積小巧，性能優(yōu)良，使用簡單。

2、分層架構(gòu)，方便定制與擴(kuò)展。

3、滿足不同層次用戶需求，更加適合團(tuán)隊(duì)開發(fā)。

4、豐富完善的中文文檔。

5、多個(gè)瀏覽器支持：Mozilla， MSIE， FireFox， Maxthon，Safari和Chrome。

6、更好的使用體驗(yàn)。

7、擁有專業(yè)QA團(tuán)隊(duì)持續(xù)支持，已應(yīng)用在百度各大產(chǎn)品線上。

Ueditor富文本編輯器使用技巧

自定義工具按鈕

想要在軟件中使用自定義工具按鈕的話，首先需要進(jìn)行自定義的參數(shù)設(shè)置，軟件加入按鈕UI，對UI進(jìn)行更改，然后為UI添加事件，很多用戶不知道整體的操作方法，下面小編就為大家?guī)硪粋€(gè)具體的流程，感興趣的用戶快來看看吧。

第一步：找到editor_config.js(或者ueditor.config.js)文件中的toolbars參數(shù)，增加一個(gè)“camnpr”字符串，對應(yīng)著添加一個(gè)labelMap，用于鼠標(biāo)移上按鈕時(shí)的提示。

第二步：找到ui/editorui.js文件中的btnCmds數(shù)組，在其中同樣增加一個(gè)“camnpr”字符串?！救绻也坏絜ditorui.js，請直接在ueditor.all.js文件里搜索var btnCmds = [】

 找到此位置，我們可以看到：

在此我們可以添加一個(gè)

'camnpr': '~/dialogs/emotion1/camnpr.html'

這個(gè)camnpr.html頁面時(shí)自定義的頁面，如果你要點(diǎn)擊此按鈕彈出這個(gè)頁面，還需要加入如下代碼(先在ueditor.all.js頁面找到 editorui["emotion"] = function 在這段代碼下邊加入)：

如果你要此功能，就不要添加【第五步】的操作了。效果圖如下：