A brief analysis of Yii2 integrated rich text editor redactor example tutorial php rich text editor java rich text editor jsp rich text editor

In the previous article, I introduced to you how to integrate Baidu editor umeditor in yii2 and how to solve the problem of umeditor uploading pictures.

Today we will talk about the integration of yii2 with another powerful and easy-to-use rich text editor, Redactor. Personally, I think Redactor is easier to use than Baidu Editor.

Redactor has an official Yii2 plug-in package, which is also very practical.

First of all, let’s not be impatient and install Redactor first.

You can refer to https://github.com/yiidoc/yii2-redactor for installation. There are many novices who cannot understand English. If you click on the link and refer to the installation on github, I hope you will come back to see what necessary precautions are required during the entire installation process.

1. Just like them, we can use composer to install it.

2. Add configuration items

'modules' => [ 'redactor' => [ 'class' => 'yii\redactor\RedactorModule', 'uploadDir' => '上传目录', 'uploadUrl' => '图片可访问地址', 'imageAllowExtensions'=>['jpg','png','gif'] ], ],

The first point to note is that the default uploaded files are saved in uploads in the root directory. If you want to change the saving directory of the files, just modify the configuration item uploadDir. At the same time, you need to modify uploadUrl ensures that the image is accessible. 3. If your view is of ActiveField type, the following configuration applies to you

<?= $form->field($model, 'content')->widget(\yii\redactor\widgets\Redactor::className()) ?>

But if your form is not generated using Yii’s own components, you should configure it as follows

<?= \yii\redactor\widgets\Redactor::widget([ 'model' => $model, 'attribute' => 'content' ]) ?>

4. Upload it The class uses a redactor set, but you said that your upload class needs to be rewritten, that’s fine, you just need to add a few configurations like the following

<?= $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' => 'zh_cn', 'plugins' => ['clips', 'fontcolor','imagemanager'] ] ]) ?>

5. Configure language or plug-in, like step 4 , just add the lang and plugins configuration items in the clientOptions item. If you want to ask what plugins there are, open the directory vendorii2-redactorassetsplugins to have a look.

6. Be careful when uploading images, because redactor is introduced as a module. If your project contains permission management, remember to add permissions.

7. I forgot a major premise, make sure your php supports fileinfo extension. Open the php.ini file and remove the semicolon in front of fileinfo

The above is the Yii2 integrated rich text editor redactor example tutorial introduced by the editor. I hope it will be helpful to everyone!

The above has introduced a brief analysis of the Yii2 integrated rich text editor redactor example tutorial, including the content of the rich text editor. I hope it will be helpful to friends who are interested in PHP tutorials.