How to setup FCKeditor

updated version of this article which works with CKEditor 3.x here

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)
    ) ); ?>

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

Links

Russian Version

updated version of this article works with CKeditor 3.x

3 1
5 followers
Viewed: 20 846 times
Version: 1.1
Category: Tutorials
Tags:
Written by: krillzip
Last updated by: Dark-Sun
Created on: Feb 8, 2009
Last updated: 5 years ago
Update Article

Revisions

View all history