CKEDITOR - Przycisk paska narzędzi z tekstem

Mam wtyczkę, aby zapisać zawartość edytora przez Ajax. W tej chwili przycisk na pasku narzędzi zawiera obraz. Chciałem to zmienić, aby pogrubiony tekst oznaczał "ZAPISZ". czy to możliwe?CKEDITOR - Przycisk paska narzędzi z tekstem

To jest przycisk w mojej wtyczce.

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

Źródło

2015-02-24 Abhi

Dodaj to do arkusza stylów:

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

Na przykład CKEditor domyślnie zawiera następującą regułę, aby wyświetlić tekst na przycisku Source:

.cke_button__source_label { 
    display: inline 
}

(uwaga: nie ma no important Flaga w stylach edytorów, ponieważ ten styl jest ustawiony po domyślnej regule display: none. W twoim przypadku zalecam używanie important flag dla prostoty.)

Źródło

2015-02-25 13:43:10 Reinmar

To takie proste. Dziękuję :) – Abhi

To nie działa dla mnie nawet po dokładnym wyczyszczeniu pamięci podręcznej. Kiedy usuwam właściwość "icon" w plugin.js, widzę pusty przycisk. Mój przycisk, akcja, folder i ikona są nazywane "sdp". W pluginach/sdp/styles/sdp.css mam ".cke_button__sdp_label {display: inline! Important;}", a plugin.js odwołuje się do arkusza stylów: "editor.addContentsCss (pluginDirectory + 'styles/sdp.css') ; ". Czego jeszcze brakuje? – MSC

Editor.addContentsCss dodaje arkusz stylów dla zawartości edytora, a nie interfejsu użytkownika. Musisz ręcznie załadować ten arkusz stylów na stronę, na której znajduje się plik ckeditor.js. – Reinmar

CKEDITOR - Przycisk paska narzędzi z tekstem

Odpowiedz

Powiązane problemy