Personal Web & Sample Site
Skip Navigation Links
HOME |
About Me |
Articles
| Contact Us
CKEditor
Rating: 13 user(s) have rated this article Average rating: 5.0
Posted by: joet, on 9/5/2011, in category "C#"
Views: this article has been read 3941 times
Location: Houston, Tx, United States
Abstract: While CKEditor is a full-featured WYSIWYG editor, not all of its options may be needed in all cases. Because of this, toolbar customization is one of the most common and required tasks when dealing with CKEditor.

 

Very easy to configure and setup. This is my configuration in the config.js file:

CKEDITOR.editorConfig = function (config) {

config.toolbar = 'MyToolbar';

config.toolbar_MyToolbar =

[

{ name: 'document', items: ['NewPage', 'Preview'] },

{ name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },

{ name: 'editing', items: ['Find', 'Replace', '-', 'SelectAll', '-', 'Scayt'] },

{ name: 'insert', items: ['Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'

, 'Iframe']

},

'/',

{ name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize', 'TextColor'] },

{ name: 'basicstyles', items: ['Bold', 'Italic', 'Strike', '-', 'RemoveFormat'] },

{ name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote'] },

{ name: 'links', items: ['Link', 'Unlink', 'Anchor'] },

{ name: 'tools', items: ['Maximize', '-', 'About'] }

];

};

 


How would you rate this article?

User Feedback
Comment posted by Tod on Thursday, January 31, 2013 8:56 PM
Is that the one you use?

Post your comment
Name:
E-mail:
Comment:
Insert Cancel

Copyright © 2013 Jose M. Tamez
Last Updated August 18th 2013