Permasalahan Image Width dan Height pada CKEditor

Saya menggunakan CKEditor untuk editor WYSIWYG sekaligus image upload yang belum sama sekali saya gunakan dikerjaan. Awalnya bermasalah ketika image upload karena default-nya kita hanya dikasih fitur untuk copy paste URL image yang mau kita sisipkan pada editor. Permasalahan tersebut akan saya post nanti. Permasalahan lain muncul ketika bermain dengan properties image yaitu width dan height. Saya coba ganti image width dan height nya namun tidak ada perubahan kode pada editor. Misalnya ada image seperti berikut.

1
<img src='domain.com/upload/file.png' />

Saya setting width dan height 600×400. Namun selalu saja muncul kode diatas, padahal yang diharapkan muncul adalah seperti kode dibawah ini.

1
<img src='domain.com/upload/file.png' width='600' height='400' />

Setelah cari tahu, ternyata kita harus setting allowedContent pada CKEditor. Cara settingnya cukup menambahkan kode dibawah ini.

1
CKEDITOR.config.allowedContent = true;

Setelah menambahkan allowedContent tersebut, nilai width dan heigth sesuai dengan harapan.

2 comments

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: