切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2022年08月27日

UEditor如何新增自定义按钮方法

标签：echarts

本文就“UEditor如何新增自定义按钮方法”展开讨论，作者切版网，发布于2022年08月27日 全文共471个字，预计阅读时长1分34秒。

UEditor是国内比较主流的编辑插件，是百度出品，不得不说百度虽然也做过很多产品最后放弃，不过ueditor和echarts还是不错的，前端切图项目中就用的很频繁，下面讲下如何新增自定义按钮

在使用UEditor的时候，有时候下可能需要增加一些插件本身没有的功能，这时候可以通过添加按钮来实现。具体步骤如下：
在ueditor.config.js中找到toolbars的数组，并在数组中添加一个你需要新增的按钮功能名称

在zh-cn.js 中找到labelMap并添加，主要是用于鼠标放置上去显示的文字提示内容

3.在ueditor.all.js 中找到”btnCmds” ,在数组的最后添加”chinaformat”

4. 这是该按钮的样式是默认的，可以修改为自己想要的样式，在ueditor.css中添加
5. 自定义按钮的功能代码，在ueditor.all.js中添加如下代码，并加入你需要的功能
以上5个步骤，就简单的完成的ueditor添加自定义按钮的功能，可参见我另外一篇文章-ueditor图片跨域上传时，如何避免无法上传的，其中就使用到了这一方式。

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。