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

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

1.全面的功能

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

2.用戶(hù)體驗(yàn)

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

3.開(kāi)源免費(fèi)

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

4.自定義下載

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

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

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

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

自定義工具按鈕

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

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

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

第二步：找到ui/editorui.js文件中的btnCmds數(shù)組，在其中同樣增加一個(gè)“camnpr”字符串。【如果找不到editorui.js，請(qǐng)直接在ueditor.all.js文件里搜索var btnCmds = [】

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

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

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

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

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

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

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

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

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