To start with you need to download the latest stable release of
[FCKeditor](http://www.fckeditor.net/download "Download").
Extract the downloaded file and place the <i>fckeditor/</i> folder
in your applications webroot directory.
Next to do is to download the Yii FCKeditor
[extension](http://www.yiiframework.com/extension/fckeditor-integration/
"Download"), created by Ascomae.
Extract the downloaded file, and place the <i>fckeditor/</i> widget
folder in your web applications <i>protected/extensions/</i>
directory.
## Configuring the FCKeditorWidget
In the view where you want to use the FCKeditorWidget:
~~~
[php]
<?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 <b>model</b> property is the instance of the Model to be
associated with.
+ <b>attribute</b> the Model attribute to be associated with.
+ <b>fckeditor</b>, the path to the fckeditor php file.
+ <b>fckBasePath</b>, the url to the editor frontend to be loaded
inside the iframe.
+ <b>config</b> 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](http://dbhelp.ru/how-to-setup-fckeditor/page/)
[Chinese version](http://dreamneverfall.cn/node/90)