Difference between #8 and #7 of How to setup FCKeditor

unchanged
Title
How to setup FCKeditor
unchanged
Category
Tutorials
unchanged
Tags
changed
Content
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://projects.ourplanet.tk/node/90)
Write new article
  • Written by: krillzip
  • Updated by: Dark-Sun
  • Category: Tutorials
  • Yii Version: 1.1
  • Votes: +3 / -1
  • Viewed: 15,376 times
  • Created on: Feb 8, 2009
  • Last updated: Jul 13, 2012