SUBLIME TEXT 2 CODEIGNITER SNIPSET DI WINDOWS

Sublime Text adalah sebuah teks editor yang canggih dengan antarmuka nyaman (tidak membuat mata cepat lelah), memiliki fitur dan kinerja yang luar biasa. Sublime Text dapat di download disini.

Snippet Code adalah sebuah template kode program yang bisa langsung dapat kita gunakan dalam program. Template kode tersebut biasanya berisi kumpulan baris kode program yang berfungsi untuk menjalankan perintah tertentu. Tujuan dari Snippet Code ini adalah untuk mempercepat kode program.

Cara menerapkan Codeigniter Snipset di Sublime Text.

1. Pastikan terkoneksi dengan internet.
2. Download Sublime Text.
3. Install Sublime Text.
4. Download Package Package Control.sublime-package
5. Buka "C:\Users\[username]\AppData\Roaming\Sublime Text 2\Installed Packages" atau dengan cara Masuk Sublime Text > Preferences > Browse Packages. Secara default kita di arahkan ke "C:\Users\[username]\AppData\Roaming\Sublime Text 2\Packages" tinggal kita arahkan saja ke folder Installed Packages.
6. Copy hasil download ke folder Installed Packages.
7. Restart Sublime Text.
8. Tekan Ctrl+Shift+P maka akan muncul sebuah textbox ketikan install maka akan muncul dibawahnya pilih "Package Control: Install Package" lalu enter
   
9. Tunggu sampai muncul textbox kembali kemudian ketikan codeigniter, pilih Codeigniter Snipset, lalu enter 
   
10. Tunggu sampai muncul pesan "Package Codeigniter Snipset successfully installed" pada bagian bawah Sublime Text 
    
11. Restart Sublime text, coba buat sebuah project Codeigniter lalu buat satu controller. Misal kita akan memanggil sebuah view kita cukup ketikan load maka akan muncul pilihan tinggal kita pilih menggunakan tombol arah kebawah atau keatas pada keyboard. 
    
12. Setelah kita pilih lalu kita enter hasilnya seperti berikut : 
    

Ddapat dilihat snipset ini sangat membantu kita "ngoding" :).

sumber :

archivescode.blogspot.com

NODIEK.COM

www.abouteguh.com

Read more →

CLEDITOR SET WIDTH FIT TO ELEMENT

Sebelumnya saya pernah membahas Implementasi CLEditor di Codeigniter namun hanya sebatas agar CLEditor dapat digunakan. Sekarang saya akan membahas bagaimana caranya agar lebar dari textarea CLEditor itu fit ke element tertentu. Misalnya kita membuat sebuah element (div) dengan class wrapper yang kita set lebar (width) 50% bagaimana caranya agar CLEditor tersebut lebarnya mengikuti class wrapper tersebut. Pada pembahasan sebelumnya saya set width CLEditor bersifat static dimana lebarnya 500px, agar lebarnya fit ke element tertentu cukup ganti width : 500 menjadi width : auto.

Langkah Pertama
setting css dan javascript seperti di bawah ini:

pada contoh style css yang saya buat saya menambahkan opsi margin 10px untuk tag body dan border untuk element wrapper dengan tujuan agar hasil yang nanti tampil lebih mudah dilihat benar atau tidak kalau CLEditor lebarnya fit ke elemet wrapper.

Langkah Kedua
Buat sebuah textarea untuk memanggil CLEditor di dalam element wrapper seperti dibwah ini :

Hasil

Read more →