自定义Ueditor的工具按钮实现

要自定义就必须注意如下几方面的配置:

1、在ueditor.config.js中添加工具定义的名称:

      比如:在toolbars 中添加'insertgif'  在labelMap中添加'insertgif':"添加GIF"

2、在ueditor.all.js 中注册定义的工具:

       首先在dialogBtns中注册'insertgif'为一个按钮

       然后如果是弹出页面就需要在iframeUrlMap处定义页面的路径(对应的页面必须存在),如果是个下拉列表还在只能某种功能按钮就需要使用

              editorui.名称 = function(editor){ ---- 函数来定义下拉列表,(function(){  UE.commands['名称'] = {----   函数来定义按钮的功能

3、添加图标:

     在ueditor.css中定义css属性引入图标:

     如:.edui-default  .edui-for-名称 .edui-icon {------

4、设置默认配置:

     如果有需要可以在zh-cn.js中定义新添加根据的默认配置,可以不使用----

5、最后引用:

    在编辑器引入的页面中照常添加新定义好的工具名称即可。

    -----------------------------------总体来说我感觉ueditor不是很好用,二次开发也挺麻烦,兼容和一些功能有待提高

    更详细的内容请加qq:1203467225 讨论

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值