Siteseed.de

FCK Editor

FCK Editor (http://www.fredck.com/FCKeditor/) is now available as Siteseed Module and can be used to replace the current visual editor. It's an external module, because it's licenced under the GNU Lesser General Public Licence (LGPL).

Downloading and Installation

Get FCK Editor 1.5 Siteseed Edition from the download section. Unzip the file and copy all files and subdirectories in bo/fckeditor to bo/fckeditor of your Siteseed installation. If you want to use smilies copy all files in images/smiley to images/smiley of your Siteseed installation. Customize the editor by editing the configuration file bo/fckeditor/js/fck_config.js.

Configuration File

The configuration file bo/fckeditor/js/fck_config.js holds all configurations and user customizations for the editor. Here you can define all available toolbar sets and its definitions. Use the “ToolbarSets” configuration option in order to do that.

A toolbar set is a group of toolbar items that can be used by a FCKeditor instance. The editor package comes with 3 sample toolbar sets: Default, Accessibility and Basic. You can modify or add as many toolbar sets as you want.

Let’s take a look at the “ToolbarSets” configuration option:

    config.ToolbarSets["ToolBarName"] = [           // Toolbar Name 
        ['Item 1','Item 2','-','Item 3','Item n'],  // 1st Band 
        ['Item 4','-','Item 5','Item 6','Item n']   // 2nd Band
    ] ;
The Toolbar Name must be be set according to your component/text field number you want to use it for!!!

Example:

config.ToolbarSets["3"] would define a toolbar set for the article field with the internal index '3'.

You can add as many toolbar bands as you want. Use a minus (-) to create a separator.

The toolbar items, in the same way, are defined in the js/fck_toolbaritems.js file. Until the actual version of the editor, these are the available items names:

Cut		Bold		Undo
Copy		Italic		Redo
Paste		Underline		InsertOrderedList
SelectAll		StrikeThrough		InsertUnorderedList
RemoveFormat		Subscript		FontStyle
Link		Superscript		FontFormat
Unlink		JustifyLeft		Font
Image		JustifyCenter		FontSize
Table		JustifyRight		TextColor
Rule		JustifyFull		BGColor
SpecialChar		Outdent		EditSource
About		Indent		Form
Checkbox		Radio		Input
Textarea		Hidden		Button

Note:

An editor with all toolbar options enabled could be used to spoil any layout quite easily. So you should think about what features you want to have enabled quite carefully. Consider using only CSS styles!

Spell Checking

The editor uses ieSpell (http://www.iespell.com) for Spell Checking. You can configure the download URL in bo/fckeditor/js/fck_config.js.