Redactor :1 power editer cho yii2

0
359

Xin chào các bạn hôm nay mình xin giới thiệu đến các bạn 1 power editor rất mạnh bên cạnh ckeditor + elfinder .Tất cả đều được import 1 cách đơn giản và sử dụng cũng đơn giản không kém .Các bạn có thể tham khảo và lựa chọn phù hợp với mình

yii2-redactor_demo_1

1 Power text đơn giản nhưng đáp ứng đầy đủ cho 1 website .Bây giờ hãy cùng hbsprogram đi cài đặt nó nhé

Download Redactor cho project

Bạn thêm require trong composer như sau

"yiidoc/yii2-redactor": "*"

yii2-redactor_composer

Sau đó vào cmd chạy lệnh composer update là ok rồi đó

Cấu hình Redactor cho project

Cấu hình bạn có thể cấu hình frontend,backend hoặc common tùy yêu cầu .Như dự án của mình ,mình cấu hình cả frontend cho người dùng comment và backend cho admin đăng bài nên mình đặt nó trong commom/config/main.php như sau :

'modules' => [
				'redactor' => 'yii\redactor\RedactorModule',
				'class' => 'yii\redactor\RedactorModule',
				],

Nếu với bạn chỉ cần cấu hình cho backend thì cấu hình như sau ở backend/config/main.php:

'modules' => [
				'redactor' => 'yii\redactor\RedactorModule',
				'class' => 'yii\redactor\RedactorModule',
				'uploadDir' => '@frontend/web',
				'uploadUrl' => '/redactor/uploads',
		],

Lý do vì sao mình ko cho uploadDir và uploadUrl vào common vì không muốn người dùng upload ảnh hay gì lên website

Cách dùng Redactor cho project

Bây giờ đến phần quan trọng nhất là cách dùng ra sau .Ở đây mình sử dụng luôn code trong bài về slug trong yii2

 <?= $form->field($model, 'content')->widget(Redactor::className(),
    		[
    		'clientOptions' => [
    				'imageManagerJson' => ['/redactor/upload/image-json'],
    				'imageUpload' => ['/redactor/upload/image'],
    				'fileUpload' => ['/redactor/upload/file'],
    				'lang' => 'en',
    				'plugins' => ['clips', 'fontcolor','imagemanager']
    		]
    ]) ?>

Mình xử lý như thế bạn có thể bỏ đi phần nào mình không dùng tới .

yii2-redactor_result

Bạn hãy vận dụng cả 2 power editor này xem bên nào mạnh hơn nhé. Hãy để lại bình luận những vấn đề khúc mắc hoặc đơn giản là lời động viên đến mình nhé .Chúc các bạn thành công trong công việc