Ueditor试炼之修改toolbar按钮

上篇文章讲了如何修改ueditor的上传图片功能,不过正所谓温饱思淫欲,基础功能都搞定了之后,对于ui就有了新的追求,下面原生的ueditor还是有一些简陋的,icon啊配色啊都不够新颖。


所以才想把这些toolbar上的icon都换掉,

上面就是微信公众平台的编辑器样子,上面有一些是微信自己开发的功能,原生的ueditor不具备,下面是最终的效果。



检查元素后发现,button的样式都在/themes/default/css/button.css和buttonicon.css中,这些icon肯定是css精灵图,所以把button.css的第二行注释掉,换成自己的精灵图,可以去微信公众平台扒一个。


然后buttonicon.css里面放置的都是每个icon的background-position把这些也都换成自己的就行了。

最后还需要改一下ueditor.config.js


把toolbar上的icon改的少一些简洁一些,留下最基础的几个功能就可以了

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值
>