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 "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.