Creating a Yii widget for FCKeditor easier usage

To start with you need to download the latest stable release of FCKeditor. Extract the downloaded file and place the fckeditor/ folder in your applications webroot directory.

Next to do is to download the Yii FCKeditor extension, created by Ascomae. Extract the downloaded file, and place the fckeditor/ widget folder in your web applications protected/extensions/ directory.
Configuring the FCKeditorWidget

In the view where you want to use the FCKeditorWidget:

<?php $this->widget('application.extensions.fckeditor.FCKEditorWidget',array(
    "model"=>$pages,                # Data-Model
    "attribute"=>'content',         # Attribute in the Data-Model
    "toolbarSet"=>'Basic',          # EXISTING(!) Toolbar (see: fckeditor.js)
                                    # Path to fckeditor.php
                                    # Realtive Path to the Editor (from Web-Root)
    "config" => array(
                                    # Additional Parameter (Can't configure a Toolbar dynamicly)
    ) ); ?>
  • the model property is the instance of the Model to be associated with.
  • attribute the Model attribute to be associated with.
  • fckeditor, the path to the fckeditor php file.
  • fckBasePath, the url to the editor frontend to be loaded inside the iframe.
  • config Most parameter in the fckconfig.js can be changed within this config.

If those instructions have been followed exactly the FCKeditor should work correctly.