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

1.全面的功能

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

2.用戶體驗

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

3.開源免費

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

4.自定義下載

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

5.專業的穩定性

百度專業的質量檢查團隊將繼續跟進并支持數千個自動化測試用例。

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

自定義工具按鈕

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

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

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

第二步：找到ui/editorui.js文件中的btnCmds數組，在其中同樣增加一個“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