How to setup FCKeditor

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
    "height"=>'400px',
    "width"=>'100%',
    "toolbarSet"=>'Basic',          # EXISTING(!) Toolbar (see: fckeditor.js)
    "fckeditor"=>Yii::app()->basePath."/../fckeditor/fckeditor.php",
                                    # Path to fckeditor.php
    "fckBasePath"=>Yii::app()->baseUrl."/fckeditor/",
                                    # Realtive Path to the Editor (from Web-Root)
    "config" => array(
        "EditorAreaCSS"=>Yii::app()->baseUrl.'/css/index.css',),
                                    # http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Configuration/Configuration_Options
                                    # 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. http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Configuration/Configuration_Options

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

Links ¶

Russian Version

Chinese version