สำหรับใครที่กำลังมองหา WYSIWYG editor ของ Yii2 Framework แนะนำตัวนี้เลยครับ yii2-redactor คุณสมบัติหลักๆ ที่ชอบคือมันสวย ใช้ง่าย มีระบบจัดการรูปภาพ และจัดการไฟล์มาให้เรียบร้อย!! ลิงก์ตามนี้ https://github.com/yiidoc/yii2-redactor
1. หลังจากติดตั้งเสร็จ เปิดไฟล์ common\config\main.php ขึ้นมาแล้วเพิ่ม module ครับ
1 2 3 4 5 6 7 8 |
'modules' => [ 'redactor' => [ 'class' => 'yii\redactor\RedactorModule', 'uploadDir' => 'C:\xampp\htdocs\inpiredev\uploads', 'uploadUrl' => '@web/uploads', 'imageAllowExtensions'=>['jpg','png','gif'] ], ], |
หมายเหตุ ตรง uploadDir และ uploadUrl ใส่เป็นเว็บของตัวเองนะครับ
2. ไปที่ View ของโปรเจคเรา สมมติว่าเป็นไฟล์ _form.php แล้วแทรกโค้ด ดังนี้
1 2 3 4 5 6 7 8 9 10 |
<?= $form->field($model, 'content')->widget(\yii\redactor\widgets\Redactor::className(), [ 'clientOptions' => [ 'imageManagerJson' => ['/redactor/upload/image-json'], 'imageUpload' => ['/redactor/upload/image'], 'fileUpload' => ['/redactor/upload/file'], 'lang' => 'th', 'minHeight' => 300, 'plugins' => ['clips', 'fontcolor','imagemanager'] ] ])?> |
เรียบร้อย!! ถ้าอยากรู้ว่ามี options อะไรเพิ่มเติมอีกก็ตามไปได้ที่เว็บ http://imperavi.com/redactor