Itsnotme!

The CKEditor tweaks
Interactions - troubleshoot
Share

ckeditor logoHere are a few tips for configuring CKEditor.

 

Skin the Rich Text Area:

To skin the textarea, simply include the following config: 

CKEDITOR.config.contentsCss = 'ckeditor/contents.css';

[Contents.css is packed with the default download and is ready to be configured]

Make sure to clear your cache or the textarea might fail to show the custom styles.

 

Custom Toolbars

To create a set of custom toolbars, use the following rule:

CKEDITOR.replace( 'textareaId', {
 toolbar :
 [['Bold', 'Italic', 'Underline', '-', 'NumberedList', 'BulletedList', '-', 'FontSize','TextColor']]
 });

 

Line Break Settings

Defining Configurations In-Page

CKEDITOR.replace( 'editor1', {
 toolbar : 'basic',
 uiColor : '# 9AB8F3',
 enterMode : CKEDITOR.ENTER_BR,
 shiftEnterMode : CKEDITOR.ENTER_P
 });

 

Using the config.js File

CKEDITOR.editorConfig = function( config ) {
 config.language = 'fr';
 config.uiColor = '#AADC6E';
 config.enterMode = CKEDITOR.ENTER_BR;
 config.shiftEnterMode = CKEDITOR.ENTER_P;
 };

< Prev   Next >
 

Add comment


Security code
Refresh