Simple analysis of YII2 integrated Rich Text Editor Redactor instance Tutorial _php instance

Source: Internet
Author: User
Tags yii

In the previous article to introduce how to integrate Baidu editor Umeditor in Yii2 and how to solve umeditor upload picture problem.

Today we're going to talk about YII2 integration another powerful and easy to use Rich Text editor redactor, personally feel redactor than Baidu editor easy to use OH

Redactor has the official YII2 plug-in package, the practicality is also very strong.

First of all, we are not impatient, first install redactor.

You can refer to Https://github.com/yiidoc/yii2-redactor for installation. A lot of beginners do not like English, if you click on the link to refer to the installation of the GitHub, I hope you come back to see the entire installation process should be the necessary attention points.

1, we like them, the use of composer installation can be.

2. Add Configuration Items

' Modules ' => [' 
redactor ' => [' 
class ' => ' Yii\redactor\redactormodule ', ' uploaddir ' => ' 
upload directory ' , 
' uploadurl ' => ' pictures accessible address ', 
' imageallowextensions ' =>[' jpg ', ' png ', ' gif '] 
] 
,

The first attention point, the default upload file saved in the root directory of the uploads, if you want to change the file save directory, modify the configuration item uploaddir can, and you need to modify uploadurl to ensure that the picture can be accessed. 3, if your view is Activefield type, the following configuration applies to you

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

But if your form is not built with Yii's own build, you should configure it like this

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

4, which upload class with a set of redactor, but you say your upload class need to rewrite, you can, just like the following add a few configuration can

<?= $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 the language or plug-in, like the fourth step, add Lang and plugins configuration items to the Clientoptions item, if you want to ask what are the plugins, open the directory \vendor\yii2-redactor\assets\ Plugins can have a glimpse of the style.

6, picture upload attention, because redactor is introduced by the module, if your project contains rights management, remember to add permissions Oh.

7, forget a big premise, to ensure that your PHP support FileInfo expansion. Open the php.ini file and remove the semicolon in front of the FileInfo

The above is a small series to introduce the YII2 integrated Rich Text Editor Redactor example tutorial, I hope to help you!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.