Siteframe / Documentation / HowTo

HowTo: integrate the FCK editor

The FCK editor is a full-featured rich-text editor that can easily be integrated with Siteframe Beaumont. Here are the step-by-step instructions.

Step-by-step

  1. Download the editor from http://www.fckeditor.net/.
  2. Unpack it using the appropriate file archive utility into the directory fckeditor in the same directory in which you installed Siteframe. You can use another directory name, but it is not recommended, since many of the scripts assume this location. If you do change the location, you'll need to edit the template file rte_head_fck.tpl and use the new location in place of fckeditor.
  3. Edit the file fckeditor.js to suit your configuration. If your website is not in the directory root, then you will probably need to set the value this.BasePath to the value of your site path. For example, if your site is stored in the directory "beaumont", then set this.BasePath="/beaumont/fckeditor".
  4. Edit your siteframe.ini file and make sure that the value of rich_text_editor="fck".

At this point the editor should be functional. If the editor window is not visible when editing formatted textarea fields, then first check the generated HTML; it should include a <SCRIPT> tag in the <HEAD> section of the page with a link to the fckeditor.js file.

Once you have everything operational, you might want to check some of the further settings; for example, in the window.onload() function generated by the template rte_head_fck.tpl, you can specify additional options when you create the text editor instance, such as choosing a minimal toolbar set instead of the default ("kitchen sink") pallette.

Known Issues

The FCK editor does not work with comments using the Firefox browser. It appears to work for all other formatted text fields, however.

Add Tags