10 Apr2012 KATEGORI : TUTORIAL CODEIGNITER - Dibaca : 4905 kali
Ditulis oleh : Gede Lumbung Ada 11 Komentar Seru Tutorial
CodeIgniter : Cara Konfigurasi CKEditor dan KCFinder di
CodeIgniterTugas kuliah dan pekerjaan mulai datang bersamaan dan
seperti biasa mereka pasti main keroyokan. Jam begadang tampaknya
harus ditambah lagi, seperti kata om RSW, ajaran tidur 2 jam
per-hari tampaknya harus diterapkan lagi ;). Syukurlah tugas kuliah
di semester ini berhubungan erat dengan topik skripsi yang akan
saya ambil semester depan. Jadinya tak apalah sedikit kerja keras
di semester ini, semester depan bisa ditambahkan sedikit lagi.
Ngomong-ngomong soal pekerjaan, kemarin saya sempat menemui sedikit
masalah pada text editor WYSIWYG CKEditor. Biasanya saya
menggunakan text editor TinyMCE di setiap website yang saya buat,
berhubung CKEditor banyak fitur tambahannya dan jadilah saya
mencobanya. CKEditor ini saya gabungkan dengan KCFinder, sebuah
file manager versi gratis dari CKFinder. CKEditor cukup mudah untuk
dipasang, berbeda dengan KCFinder yang pastinya kita akan
dipusingkan dengan konfigurasi path dan security-nya (saya juga
mengalaminya :p). Baca-baca dokumentasi di website developer-nya
ternyata masih kurang. Nah, di postingan kali ini saya coba untuk
memberikan trik sederhana untukCKEditor dan KCFinder di
CodeIgniter.1. Silahkan download terlebih dahulu file CKEditor dan
KCFinder dari website resminya. Ekstrak dan copy file-file CKEditor
dan KCFinder dengan susunan seperti di bawah ini.
2. Buka file config.js yang terdapat di dalam folder ckeditor
dan ubah konfigurasinya dengan kode seperti di bawah ini
:1CKEDITOR.editorConfig = function( config )
2{
3config.filebrowserBrowseUrl =
'../asset/kcfinder/browse.php?type=files';
4config.filebrowserImageBrowseUrl =
'../asset/kcfinder/browse.php?type=images';
5config.filebrowserFlashBrowseUrl =
'../../asset/kcfinder/browse.php?type=flash';
6config.filebrowserUploadUrl =
'../../asset/kcfinder/upload.php?type=files';
7config.filebrowserImageUploadUrl =
'../../asset/kcfinder/upload.php?type=images';
8config.filebrowserFlashUploadUrl =
'../../asset/kcfinder/upload.php?type=flash';
9};
3. Buat sebuah controller baru dengan nama file
tes_kcfinder.php. Ketikkan kode di bawah ini, skenarionya kita akan
membuat sebuah sistem login sederhana yang memanfaatkan session.
Dimana ketika login kita akan menyisipkan session untuk mengubah
konfigurasi security kcfinder menjadi false.1class Tes_Kcfinder
extends CI_Controller {
2
3function __construct()
4{
5parent::__construct();
6session_start();
7}
8
9function index()
10{
11$this->load->view('tes-kcfinder/login');
12}
13function login()
14{
15$usr = $this->input->post('username');
16$pass = $this->input->post('password');
17if($usr=="admin" || $pass=="admin"){
18$_SESSION['ses_admin']="admin";
19$_SESSION['ses_kcfinder']=array();
20$_SESSION['ses_kcfinder']['disabled'] = false;
21$_SESSION['ses_kcfinder']['uploadURL'] =
"../content_upload";
22$this->admin();
23}
24else { $this->index(); }
25}
26function admin()
27{
28$session=isset($_SESSION['ses_admin']) ?
$_SESSION['ses_admin']:'';
29if($session==""){
30$this->login();
31}
32else { $this->load->view('tes-kcfinder/admin'); }
33}
34
35function logout()
36{
37session_destroy();
38$this->login();
39}
40}
4. Disini kita membutuhkan 2 buah view, untuk halaman login dan
halaman admin yang berisikan sebuah tampilan text editor
CKEditor.login.php1
