CKEDITOR - Nút Thanh công cụ có văn bản

Question

Tôi có một plugin để lưu nội dung trình soạn thảo qua Ajax. Ngay bây giờ nút trên thanh công cụ có một hình ảnh. Tôi muốn thay đổi điều đó để có văn bản in đậm chính tả 'SAVE'. Điều này có thể không?

Nút này hiện có trong plugin của tôi.

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

Answer 1

Thêm phần này vào stylesheet của bạn:

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

Ví dụ, ckeditor theo mặc định chứa các quy tắc sau để hiển thị văn bản trong nút Source:

.cke_button__source_label { 
    display: inline 
} 

(Lưu ý: có không có important cờ trong kiểu trình chỉnh sửa vì kiểu này được đặt sau quy tắc display: none mặc định. Trong trường hợp của bạn, tôi khuyên bạn nên sử dụng important cờ cho sự đơn giản.)