CKEDITOR - 带文字的工具栏按钮

Question

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

这是我的插件中的按钮.

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

Answer 1

将其添加到样式表:

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

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

.cke_button__source_label {
    display: inline
}

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