百度编辑器（ueditor）使用技巧

百度编辑器（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