Ho un plug-in per salvare il contenuto dell'editor tramite Ajax. In questo momento il pulsante sulla barra degli strumenti ha un'immagine. Volevo cambiarlo per avere il grassetto che pronunciava "SAVE". È possibile?CKEDITOR - Pulsante della barra degli strumenti con testo
Questo è il pulsante attualmente nel mio plugin.
editor.ui.addButton('ajax-save', {
label: I18n.t('js.save'),
command: ajax-save,
className : 'cke_ajax_save'
});
Aggiungi questo al vostro foglio di stile:
.cke_button__[[lowercased button name]]_label {
display: inline !important
}
Per esempio, CKEditor per default contiene la seguente regola per visualizzare il testo nel pulsante Source:
.cke_button__source_label {
display: inline
}
(Nota: c'è no important flag negli stili degli editor, perché questo stile è impostato dopo la regola predefinita display: none. Nel tuo caso, ti consiglio di utilizzare lo important flag per semplicità.)
Semplice. Grazie :) – Abhi
Questo non funziona per me anche dopo un'attenta pulizia della cache. Quando elimino la proprietà "icona" in plugin.js, vedo un pulsante vuoto. Il mio pulsante, azione, cartella e icona sono tutti chiamati "sdp". In plugin/sdp/styles/sdp.css ho ".cke_button__sdp_label {display: inline! Important;}" e plugin.js ha il riferimento al foglio di stile: "editor.addContentsCss (pluginDirectory + 'styles/sdp.css') ;". Cos'altro mi manca? – MSC
Editor.addContentsCss aggiunge un foglio di stile per i contenuti dell'editor, non dell'interfaccia utente. Devi caricare manualmente quel foglio di stile nella pagina in cui includi ckeditor.js. – Reinmar