Printer-friendly version

Initial configuration code of fckeditor places in 'system/richtext_editor/fckeditor/fckconfig.js' file. Initial - means that additional richtext content fields may contain self configuration options, those will be used besides default settings in fckconfig.js file.

How to add YouTube tags button

Here YouTube Fckeditor plugin will help us. It is already integrated into the script, just need to enable it.

• In fckconfig.js file uncomment this string: FCKConfig.Plugins.Add( 'youtube', 'en' );
• Add new 'YouTube'  button to the default toolbar set in any place you want.

How to manage buttons on the editor's panel

There are some toolbar sets already defined in fckconfig.js file. For example default toolbar:
FCKConfig.ToolbarSets["Default"] = [
    ['Preview','-','Templates'],
    ['Cut','Copy','Paste','PasteText','PasteWord','-','Print'],
    ['Undo','Redo','-','RemoveFormat'],
    ['Bold','Italic','Underline','StrikeThrough','-','TextColor'],
    ['OrderedList','UnorderedList'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
    ['Link','Unlink'],
    ['Image','Table','DrupalBreak'],
    ['FontFormat']        // No comma for the last row.
] ;

As you see '[' and ']' symbols make subpanels in toolbar set. '-' symbol makes vertical dividing line.

Here is an example of the toolbar with all buttons:
FCKConfig.ToolbarSets["Default"] = [
    ['Source','DocProps','-','Preview','-','Templates'],
    ['Cut','Copy','Paste','PasteText','PasteWord','-','Print'],
    ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
    '/',
    ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
    ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
    ['Link','Unlink','Anchor'],
    ['Image','Flash','Table','Rule','PageBreak','DrupalBreak'],
    '/',
    ['FontFormat','FontName','FontSize'],
    ['TextColor','BGColor'],
    ['FitWindow']        // No comma for the last row.
] ;

Take attention to the 'Source' button if you need this in your toolbar.

Also there is a default toolbar set for reviews block.

How to set another skin for FCKEditor

In 'system/richtext_editor/fckeditor/editor/skins' folder you may see some additional skins for editor. Edit this line in fckconfig.js file: FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/Office2007Real/' ;

Note: Don't forget to clear browser's cache each time any changes were made in fckconfig.js file.