CKEDITOR - 带文字的工具栏按钮

时间:2015-02-24 22:27:03

标签: button text plugins ckeditor toolbar

我有一个插件可以通过Ajax保存编辑器内容。现在,工具栏上的按钮有一个图像。我想改变这一点,大胆拼写文字' SAVE'。这可能吗?

这是我插件中的按钮。

    editor.ui.addButton('ajax-save', {
      label: I18n.t('js.save'),
      command: ajax-save,
      className : 'cke_ajax_save'
    });

1 个答案:

答案 0 :(得分:6)

将其添加到样式表中:

.cke_button__[[lowercased button name]]_label {
    display: inline !important
}

例如,默认情况下,CKEditor包含以下规则以在Source按钮中显示文本:

.cke_button__source_label {
    display: inline
}

(注意:编辑器样式中没有important标志,因为此样式是在默认display: none规则之后设置的。在您的情况下,我建议使用important标志以简化。)