百度編輯器（ueditor）使用技巧

百度編輯器（ueditor）是一款非常優(yōu)秀的專業(yè)免費(fèi)web前端網(wǎng)絡(luò)在線編輯器，百度編輯器（ueditor）所見即所得的富文本在線編輯，用戶可以使用這款Ueditor百度編輯器免費(fèi)版，快速的編輯出前端的web頁面，同時對于編輯出來的頁面可以實時的看到效果，對于代碼的調(diào)試、修改來講非常的不錯，同時，這款代碼編輯軟件還是基于開源的mit協(xié)議制作而成，在瀏覽器中的兼容性非常的不錯，UEditor編輯器具有輕量，可定制，注重用戶體驗等特點，開源基于BSD協(xié)議，允許互聯(lián)網(wǎng)開發(fā)者自由傳播和使用代碼；可以幫助不少網(wǎng)站開者在開發(fā)富文本編輯器所遇到的難題，節(jié)約開發(fā)者因開發(fā)富文本編輯器所需要的大量時間，有效降低了企業(yè)的開發(fā)成本；本站提供ueditor 下載，小編下面給大家說說怎么使用吧，希望可以幫助到大家。

1.全面的功能

涵蓋了流行的RTF編輯器的功能，并創(chuàng)建了各種新的編輯操作模式。

2.用戶體驗

屏蔽各種瀏覽器之間的差異。并提供良好的富文本編輯體驗。

3.開源免費(fèi)

開源基于MIT協(xié)議，并支持商業(yè)用戶和非商業(yè)用戶自由使用和任意修改。

4.自定義下載

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

5.專業(yè)的穩(wěn)定性

百度專業(yè)的質(zhì)量檢查團(tuán)隊將繼續(xù)跟進(jìn)并支持?jǐn)?shù)千個自動化測試用例。

百度編輯器（ueditor）使用技巧圖1

自定義工具按鈕

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

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

百度編輯器（ueditor）使用技巧圖2

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

百度編輯器（ueditor）使用技巧圖3

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

百度編輯器（ueditor）使用技巧圖4

在此我們可以添加一個

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

這個camnpr.html頁面時自定義的頁面。如果你要點擊此按鈕彈出這個頁面。還需要加入如下代碼（先在ueditor.all.js頁面找到 editorui[“emotion“] = function 在這段代碼下邊加入）：

百度編輯器（ueditor）使用技巧圖5

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

百度編輯器（ueditor）使用技巧圖6