Kolaborasi Codelgniter Dengan CKEditor dan CKFinder Sebagai Penyunting Teks Serta Manajemen Berkas

Written By admin-baelonline on 09 Januari 2012 | 10.55.00

Oke kali ini saya akan membagi tutorial tentang Kolaborasi Codelgniter Dengan CKEditor dan CKFinder Sebagai Penyunting Teks Serta Manajemen Berkas. Oke langsung saja ya...

CKEditor adalah editor teks yang akan digunakan di dalam halaman web. lni adalah editor WYSlWYG yang berarti bahwa teks yang sedang diedit tampak semirip mungkin dengan hasil ketika mempublikasikannya. fitur pengeditan teks ini umumnya ditemukan pada aplikasi penyunting desktop seperti Microsoft Word dan OpenOffice. Dan CKFinder adalah sebuah manajemen berkas.

baik langsung saja pertama-tama silahkan download:
Downlaod CKEditor

Download CKFinder
Setelah itu extrak kedua file tersebut maka anda akan mendapatkan folder seperti terlihat dibawah ini :
 Oke setelah anda sampai pada tahap ini silahkan buka file ckeditor lalu cari file dengna nama ckeditor_php5.php dan cari file dengan nama ckfinder_php5.php yang ada dalam folder ckfinder/core.

lalu tempel pada folder library pada framework codeigniter anda dan rubah namanya menjadi ckeditor.php dan ckfinder.php seperti gambar dibawah ini:

selanjutnya salin kedua folder beserta semua isinya yaitu folder ckeditor dan ckfinder tersebut kedalam folder asset folder asset ini sebelumnya tidak terdapat pada framework codeigniter maka kita harus buat terlebih dahulu folder asset ini lalu buat pula folder images didalam folder asset. anda juga dapat mengganti nama folder asset dan images dengan nama apa saja yang anda inginkan. untuk lebih jelasnya silahkan lihat gambar dibawah ini


Jangan lupa buat folder images juga dalam folder asset. Dan jangan lupa untuk mengubah hak akses berkas atau folder images dengan chmod 777

 buka folder ckfinder dan temukan file config.php kemudian edit isi file config.php pada baris:

DolarbaseUrl = '/ckfinder/userfiles/' tutup dengan semi colon
 
menjadi seperti ini...

DolarbaseUrl = '/asset/images/' tutup dengan semi colon
Keterangan : Tulisan Dolar silahkan rubah dengan lambang dolar.

Atau sesuaikan dengan folder yang anda buat.
dan ubah isi dari fungsi CheckAuthentication dari false menjadi true.

lalu pada controler buat coding seperti berikut ini

function text_editor() {
Dolarthis->load->library('ckeditor') semi colon
Doloarthis->load->library('ckfinder') semi colon
Dolarthis->ckeditor->basePath = base_url().'asset/ckeditor/' semi colon
Dolarthis->ckeditor->config['toolbar'] = 'Full' semi colon
Dolarthis->ckeditor->config['language'] = 'en' semi colon
Dolarthis->ckfinder->SetupCKEditor(Dolarthis->ckeditor,'../../asset/ckfinder/') semi colon
Dolarthis->load->view('text_editor_view') semi colon
 }

dan pada text_editor_view buat coding seperti dibawah ini:
<?php echo Dolarthis->ckeditor->editor('text_editor') semi colon ?>

dengan melakukan hal-hal diatas maka selesai sudah langkah-langkah kolaborasi codeigniter-ckeditor dan ckfinder. silahkan dijalankan sistem yang telah anda buat pasti hasilnya berhasil karena sudah saya coba dan berhasil.

Oke sekian tutorial dari saya semoga berguna buat kalian semua

Tidak ada komentar: