CKEditor 4 - come aggiungere controlli di dimensione famiglia e carattere alla barra degli strumenti

Question

Ho un'impostazione config.toolbarGroups in config.js ma non so quale nome utilizzare per i gruppi per aggiungere controlli di dimensione famiglia/carattere . (Sembra che la documentazione sia carente a questo riguardo). Ho trovato qualche suggerimento che dovrei usare CKBuilder per creare un pacchetto che già lo include, ma non posso ridistribuire l'intero ckeditor solo per aggiungere un paio di pulsanti.

Edit: La mia CKEditor è la versione 4

Qualsiasi consiglio?

Grazie!

Answer 1

Ci sono due (si escludono a vicenda) modi per configurare la barra degli strumenti. Controlla le seguenti:

http://ckeditor.com/latest/samples/plugins/toolbar/toolbar.html

Ho cercato di usare config.toolbarGroups prima, ma finito per usare config.toolbar invece. Ecco quello che ho finito per usare:

config.toolbar = [ 
       { name: 'save', items: [ 'savebtn','Undo','Redo' ] }, 
       { name: 'clipboard', items: [ 'Cut','Copy','Paste','PasteText','PasteFromWord'] }, 
       { name: 'document', items: [ 'Find','Replace'] }, 
       '/', 
       { name: 'lists', items: [ 'NumberedList','BulletedList','Outdent','Indent'] }, 
       { name: 'insert', items: [ 'Image','Table','Smiley','SpecialChar'] }, 
       { name: 'link', items: ['Link','Unlink'] }, 
       '/', 
       { name: 'basicstyles', items: [ 'Font','FontSize','Bold','Italic','Underline','Strike','Subscript','Superscript'] }, 
       //'/', 
       { name: 'align', items: [ 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'] } 
     ]; 

Nota che sto usando un salvataggio plugin che generosamente hanno contribuito da Kasper Taeymans, che si trova al seguente indirizzo:

How to add an ajax save button with loading gif to CKeditor 4.2.1. [Working Sample Plugin]

anche io ha trovato il seguente documento per essere veramente utile, anche se si riferiva alla versione 3:

http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar

Ho usato le informazioni in questo articolo per produrre la mia configurazione (sto usando la versione 4.2.1), in particolare i nomi degli articoli (ad es. Taglia, Copia, Incolla), poiché questo era l'anello mancante nel mio caso.

Answer 2

Questo può essere usato per aggiungere la famiglia di font e la dimensione del font in CkEditor.

Questo deve essere fatto in config.js.

vedere anche docs

config.font_names = 'Arial;Times New Roman;Verdana;' + CKEDITOR.config.font_names; 

config.toolbar_Full = 
[ 
    { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] }, 

    { name: 'paragraph', items : [ 'Outdent','Indent','-','Blockquote','CreateDiv','-', 
       'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] }  

]; 

config.toolbar = 'Full'; 

Answer 3

config.extraPlugins = 'font'; 

È necessario aggiungere il plugin ...

Answer 4

Mi c'è voluto molto tempo per capire che ho dovuto aggiungere esplicitamente FontSize alla barra degli strumenti, anche - non sembra funzionare con Font solo .