Rabu, 01 April 2015

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