Chciałbym zmienić optykę menu narzędzi na edytorze ck. na przykład usuwam niektóre z nich, których nie potrzebuję używać. Jak mogę to zrobić?Jak dostosować menu narzędzi edytora CK?
Odpowiedz
Istnieje konfiguracja, która pozwala ustawić, które przyciski będą się pojawiać.
Po prostu utwórz własny układ paska narzędzi. Dodałem domyślny pełny kod paska narzędzi, możesz usunąć przyciski, których nie chcesz wyświetlać.
Najlepiej skopiować plik domyślne config.js i zmienić jego nazwę, a następnie połączyć się niestandardowy plik konfiguracyjny oraz niestandardowy pasek narzędzi podczas ładowania edytora:
CKEDITOR.replace('xxx_textarea_id_xxx',
{
customConfig : 'xxx_name_of_custom_config_file_xxx.js',
toolbar : 'XXX_custom_name_XXX'
});
To ustawienie config dla domyślnego pełnego układu paska narzędzi.
'/'
w układzie paska narzędzi oznacza podział na nowy wiersz.
Każdy z wpisów name: 'document', items :
jest wyświetlany jako grupa, a pomiędzy nimi znajdują się spacje.
Urządzenie '-'
tworzy pionowy element dystansowy w grupie.
Strona demo pokazuje przykład tej domyślny układ paska narzędzi:
CKEditor Demo
config.toolbar_Full =
[
{ name: 'document', items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] },
{ name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
{ name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] },
{ name: 'forms', items : [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
'/',
{ name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
{ name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
{ name: 'links', items : [ 'Link','Unlink','Anchor' ] },
{ name: 'insert', items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] },
'/',
{ name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] },
{ name: 'colors', items : [ 'TextColor','BGColor' ] },
{ name: 'tools', items : [ 'Maximize', 'ShowBlocks','-','About' ] }
];
To ustawienie niestandardowy pasek narzędzi config.
Po ustawieniu opcji konfiguracji paska narzędzi używa się tylko części nazwy, która znajduje się za "paskiem narzędzi". toolbar : 'XXX_custom_name_XXX'
config.toolbar_XXX_custom_name_XXX =
[
{ name: 'xxx_custom_group_namexxx', items : ['Save','NewPage','DocProps','Preview','Print','-','Templates' ] },
{ name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
{ name: 'editing', items : [ 'Find','Replace','-','SelectAll' ] },
'/',
{ name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
{ name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
{ name: 'links', items : [ 'Link','Unlink','Anchor' ] },
{ name: 'insert', items : [ 'Image','Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] },
'/',
{ name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] },
{ name: 'colors', items : [ 'TextColor','BGColor' ] },
{ name: 'tools', items : [ 'Maximize', 'ShowBlocks','-','About' ] }
];
Oto link do strony, na pasku narzędzi w przewodniku deweloperów:
CKEditor 3.x | Developers Guide - CKEditor Toolbar
Możesz chcieć wyłączyć wszystkie funkcje, które nie korzystają z removePlugins
ustawienie konfiguracji:
config.removePlugins = 'flash,iframe';
Oto strona z CKEditor 3 JavaScriptu Dokumentacja API, który zawiera listę wszystkich ustawień konfiguracyjnych:
Namespace CKEDITOR.config
- 1. Jak sprawdzić wersję edytora CK
- 2. Jak dostosować pasek narzędzi w Eclipse?
- 3. Jak dostosować pasek narzędzi programu cKeditor?
- 4. BlackBerry - pasek narzędzi menu użytkownika
- 5. Jak wyśrodkować menu akcji na pasku narzędzi
- 6. Jak ukryć menu/pasek narzędzi gvim?
- 7. reagować-android natywne dostosować pasek narzędzi
- 8. Kolory tła menu paska narzędzi
- 9. Handling pętle Brainf * ck
- 10. Jak dostosować które portlety pokazać w „Dodaj więcej portletów” menu
- 11. Opcje menu niewidoczne na zwijanym pasku narzędzi
- 12. Menu kontekstowe paska narzędzi przeglądarki Internet Explorer
- 13. Ustawienie pogrubienia czcionek menu paska narzędzi appcompat
- 14. Menu rozwijane w pasku narzędzi WPF
- 15. Jak dostosować domyślny edytor Wordpress?
- 16. Jak mogę umieścić menu przepełnienia poniżej paska narzędzi zamiast menu przepełnienia, aby nakładać się na pasek aplikacji?
- 17. Jak usunąć zawyżone menu/pozycje z nowego paska narzędzi Lollipop?
- 18. Android: dostosować menu aplikacji (na przykład kolor tła)
- 19. Edytor interfejsu Kendo - Usunięcie określonego narzędzia z menu edytora
- 20. Wtyczka Visual Studio 2010 - Dodanie menu kontekstowego do okna edytora
- 21. Jak dostosować NSMenu jak aplikacje Apple Pro?
- 22. Dodawanie etykiety narzędzi do pozycji menu po CMenu
- 23. Ustawianie menu dla wielu pasków narzędzi na Androidzie
- 24. Jak utworzyć JButton z menu?
- 25. Jak dostosować REPL SBCL?
- 26. Jak dostosować MPVolumeView?
- 27. Jak dostosować kolory podrzędne
- 28. Jak dostosować EKEventEditViewController
- 29. Jak dostosować widok kart?
- 30. Jak dostosować narzędzie CirclePageIndicator?
FYI: informacje o [Flash Plugin] (http://ckeditor.com/forums/Plugins/ Plugin-flash) – dsdsdsdsd