Integrasi CodeIgniter+CKEditor+KCFinder

http://ckeditor.com : CKEditor adalah WYSIWYG teks dan HTML untuk web.
http://kcfinder.sunhater.com : KCFinder adalah alternatif file manager CKFinder.


Unduh CKEditor dan KCFinder, lalu ekstrak dan taruh di dalam folder /js/ pada root web CodeIgniter Anda. Lalu salin file /js/ckeditor/ckeditor_php5.php ke folder library [/application/libraries] dan ubah namanya menjadi ckeditor.php saja [/application/libraries/ckeditor.php]


Setup di controller:

// Setup CKEditor
$this->load->library('ckeditor');
$this->ckeditor = new CKEditor();
$this->ckeditor->basePath = site_url('/js/ckeditor/');
$this->ckeditor->config['toolbar'] = 'Full';

// Setup KCFinder
$this->ckeditor->config['filebrowserBrowseUrl'] = site_url('/js/kcfinder/browse.php?type=files');
$this->ckeditor->config['filebrowserImageBrowseUrl'] = site_url('/js/kcfinder/browse.php?type=images');
$this->ckeditor->config['filebrowserFlashBrowseUrl'] = site_url('/js/kcfinder/browse.php?type=flash');
$this->ckeditor->config['filebrowserUploadUrl'] = site_url('/js/kcfinder/upload.php?type=files');
$this->ckeditor->config['filebrowserImageUploadUrl'] = site_url('/js/kcfinder/upload.php?type=images');
$this->ckeditor->config['filebrowserFlashUploadUrl'] = site_url('/js/kcfinder/upload.php?type=flash');
Setup di View:

Di Head:
";

-----
ckeditor->editor("id_nya", $isi_nya); ?>

Setelah itu silakan ubah konfigurasi KCFinder untuk mengaktifkannya.


Referensi

• http://www.codeweblog.com/ci-integrated-ckeditor-configuration/


• http://kcfinder.sunhater.com/docs/integrate#ckeditor