CKEditor 4 - jak dodać rodzinę czcionek i elementy sterujące wielkością czcionki do paska narzędzi

Question

Mam config.toolbarGroups w config.js, ale nie wiem, jakiego nazwiska użyć dla grup, aby dodać elementy sterujące rodziny czcionek/rozmiaru czcionki . (Wydaje się, że brakuje dokumentacji w tym zakresie). Znalazłem kilka sugestii, że powinienem użyć CKBuilder do stworzenia pakietu, który już go zawiera, ale nie mogę ponownie zainstalować całego cedenta, aby dodać kilka przycisków.

Edit: Mój CKEditor jest wersja 4

Każda rada?

Dzięki!

Answer 1

Istnieją dwa wzajemnie wykluczające się) (sposoby konfiguracji paska narzędzi. Sprawdź, co następuje:

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

Próbowałem użyć config.toolbarGroups pierwszy, ale skończyło się config.toolbar zamiast. Oto, co skończyło się przy użyciu:

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'] } 
     ]; 

Zauważ, że używam zapisać plugin, który został hojnie przyczynili Kasper Taeymans, który można znaleźć w następującej lokalizacji:

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

ja również znaleziono następujące dokument będzie bardzo przydatna, mimo że dotyczą wersji 3:

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

Użyłem informacji z tego artykułu, aby utworzyć moją konfigurację (używam wersji 4.2.1), w szczególności nazwy elementów (np. Wytnij, Kopiuj, Wklej), ponieważ był to brakujący link w moim przypadku.

Answer 2

Za pomocą tego można dodać rodzinę czcionek i rozmiar czcionki w narzędziu CkEditor.

Robi się to w config.js.

zobaczyć również 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'; 

Trzeba dodać plugin ...

Answer 4

Zajęło mi dużo czasu, aby zorientować się, że wyraźnie było dodać FontSize do paska narzędzi, za - nie wydają się działać tylko z Font .