Integrate Filemanager to FCKeditor in YII

Standard

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/",
));
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: