Integrate Filemanager to FCKeditor in YII

Before starting the tutorial you may also like to view the fully functional demo, or you may download the example and start working on it. Please note that this tutorial is for the PHP language and connectors, but same steps can also be applied for other supported languages and connectors.

Also I assume that you have sufficient knowledge about integrating CKEditor on your page.

$this->widget('ext.ckeditor.CKEditorWidget', array(
    "model" => $model, # Data-Model
    "attribute" => 'page_content', # Attribute in the Data-Model
    "defaultValue" => $model->page_content, # Optional
    # Additional Parameter (Check http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html)
    "config" => array(
        "height" => "400px",
        "width" => "100%",
        "toolbar" => "Full",
        //"skin"=>'kama',
        /* */
        "filebrowserImageUploadUrl" => Yii::app()->baseUrl . '/ckeditor/filemanager/connectors/php/upload.php',
        "filebrowserBrowseUrl" => Yii::app()->baseUrl . '/ckeditor/filemanager/browser/default/browser.html?Connector=' . Yii::app()->baseUrl . '/ckeditor/filemanager/connectors/php/connector.php',
        "filebrowserImageBrowseUrl" => Yii::app()->baseUrl . '/ckeditor/filemanager/browser/default/browser.html?Type=Image&Connector=' . Yii::app()->baseUrl . '/ckeditor/filemanager/connectors/php/connector.php',
        "filebrowserFlashBrowseUrl" => Yii::app()->baseUrl . '/ckeditor/filemanager/browser/default/browser.html?Type=Flash&Connector=' . Yii::app()->baseUrl . '/ckeditor/filemanager/connectors/php/connector.php',
    ),
    #Optional address settings if you did not copy ckeditor on application root
    "ckEditor" => Yii::app()->basePath . "/../ckeditor/ckeditor.php",
    "ckBasePath" => Yii::app()->baseUrl . "/ckeditor/",
));