ckeditor自定义插件在toolbar上按钮文字的设置

如下是ckeditor自定义插件的addButton方法,根据官方文档看来,是有一个label属性可以设置文字,但是结果文字并不能展示,研究后发现了一种方法。

label设置按钮的展示文字后如果不做处理,并且不设置按钮的图标,此时在界面上展示出来的按钮就是一片空白,如下最右:

检查元素,发现此按钮的display为none,如下:

 

解决方法:在样式表文件中设置此span标签的display为inline即可。
注意:1.设置样式时选择器使用span[class="*****"],不要用id,因为貌似id中间那个数字会变
      2.不要直接修改.cke_button_label中的display,因为会影响到toolbar中的其他按钮
      3.设置button的图标:icon: this.path + "images/****.png"
      4.ckeditor官方文档
      5.原文链接

    

 

posted @ 2017-01-09 10:57  一介匹夫  阅读(2841)  评论(3编辑  收藏  举报