在上篇文章給大家介紹了如何在yii2中集成百度編輯器umeditor以及如何解決umeditor上傳圖片問題。

今天我們來談談yii2集成另外一個強大好用的富文本編輯器Redactor，個人覺得Redactor比百度編輯器好用哦

Redactor有官方的Yii2插件package，實用性也是很強的。

首先我們不急不躁，先進行安裝Redactor。

可以參考https://github.com/yiidoc/yii2-redactor進行安裝。有很多新手看不慣英文哈，如果你點擊了鏈接參考了github上的安裝，希望你再回來看看在整個安裝過程中都要哪些必要的注意點。

1、我們跟他們一樣，利用composer安裝即可。

2、添加配置項

'modules' => [ 'redactor' => [ 'class' => 'yii/redactor/RedactorModule', 'uploadDir' => '上傳目錄', 'uploadUrl' => '圖片可訪問地址', 'imageAllowExtensions'=>['jpg','png','gif'] ], ],

第一個注意點，默認的上傳文件保存在根目錄下的uploads，如果你想更換文件的保存目錄，修改配置項uploadDir即可，同時你需要修改uploadUrl保證圖片可訪問。3、如果你的view是ActiveField類型，下面的配置適用你

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

但是如果你的表單不是用yii自帶的組建生成的，你應該像下面這樣配置

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

4、其中上傳類用的是redactor一套，但是你說你的上傳類需要重寫，也可以，只需要像下面這樣加幾個配置即可

<?= $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、配置語言或者插件，像第四步一樣，在clientOptions項中添加lang和plugins配置項即可，如果你想問都有哪些plugins，打開目錄/vendor/yii2-redactor/assets/plugins可以一睹風采。

6、圖片上傳注意了，因為redactor是以模塊進行引入的，如果你的項目含有權限管理，記得添加權限哦。

7、忘記了一個大前提，保證你的php支持fileinfo擴展。打開php.ini文件去掉fileinfo前面的分號即可

以上所述是小編給大家介紹的Yii2集成富文本編輯器redactor實例教程，希望對大家有所幫助！