Alacrify Ltd

CKEditor Toolbar Config

Published on: 3rd August 2010
By Alacrify



CKEditor Toolbar Config

We use the marvellous CKEditor and CKFinder on lots of our websites as a WYSIWYG textarea replacement in our Content Management Systems. Very often we customise the CKEditor Toolbar for each site. Here's a little crib sheet we use to remind us of the options available:

CKEditor Complete Toolbar

config.toolbar = 'Complete;

config.toolbar_Complete =
[
    ['Source','-','Save','NewPage','Preview','-','Templates'],
    ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
    ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
    ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
    '/',
    ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
    ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote','CreateDiv'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
    ['Link','Unlink','Anchor'],
    ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
    '/',
    ['Styles','Format','Font','FontSize'],
    ['TextColor','BGColor'],
    ['Maximize', 'ShowBlocks','-','About']
];