Selasa, 31 Maret 2015

Implementasi CLEditor di Codeigniter

,
Bahan yang dibutuhkan :
  1. XAMPP (saya menggunakan versi 1.8.1) Dapat di download disini
  2. Codeigniter (saya menggunakan versi 2.2.0) Dapat di download disini
  3. Jquery (saya menggunakan versi 2.1.3) Dapat di download disini
  4. CLEditor (saya menggunakan versi 1.4.4) Dapat di download disini
Langkah Pertama
  • Install XAMPP
  • Jalankan service apache
Langkah Kedua
  • buat directory baru di htdocs untuk menyimpan project kita (saya membuat dengan nama CLEditor)
  • extract file codeigniter hasil download ke directory yang tadi telah kita buat di htdocs
  • panggil project kita di browser.
  • jika muncul halaman welcome seperti berikut maka proses instalasi codeigniter berhasil
Langkah Ketiga
  • Buat sebuah directory di root codeigniter (saya membuat dengan nama assets) 
  • buat directory di dalam directory assets untuk menyinpan file CLEditor (saya membuat dengan nama cleditor)
  • extract file CLEditor yang sudah di download kedalam directory cleditor
  • buat directory di dalam assets (saya membuat dengan nama js)
  • copy file jquery-2.1.3.min.js ke dalam directory js
Langkah Keempat
  • buat sebuah controller baru di ".\application\controllers\" saya membuat controller dengan nama home.
  • Buka routes.php di ".\application\config\"
  • cari text berikut $route['default_controller'] = "welcome"; rubah menjadi $route['default_controller'] = "home";'
  • edit home controller seperti dibwah ini untuk menampilkan halaman dimana nanti kita akan mengimplementasikan CLEditor didalamnya.
  • class Home extends CI_Controller{
        function __construct() {
            parent::__construct();
            $this->load->helper('url', 'file');
        }
        
        function index(){
            $this->load->view('home');
        }
    }
Langkah Kelima

  • buat sebuah file php dengan nama home di ".\application\views\" dan isikan seperti dibawah ini

Langkah Keenam
  • panggil dibrowser maka akan tampil seperti berikut 



Read more →