5 min read

Integrate Filemanager to FCKeditor in YII

Last modified February 13, 2012

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&amp;Connector=' . Yii::app()->baseUrl . '/ckeditor/filemanager/connectors/php/connector.php',
        "filebrowserFlashBrowseUrl" => Yii::app()->baseUrl . '/ckeditor/filemanager/browser/default/browser.html?Type=Flash&amp;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/",
));