yii2集成富文本編輯器redactor

做者：白狼 出處：http://www.manks.top/article/yii2_redactor本文版權歸做者，歡迎轉載，但未經做者贊成必須保留此段聲明，且在文章頁面明顯位置給出原文鏈接，不然保留追究法律責任的權利。

前面咱們說過如何在yii2中集成百度編輯器umeditor以及如何解決umeditor上傳圖片問題
今天咱們來談談yii2集成另一個強大好用的富文本編輯器Redactor，我的以爲Redactor比百度編輯器好用哦

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

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

能夠參考https://github.com/yiidoc/yii2-redactor進行安裝。有不少新手看不慣英文哈，若是你點擊了連接參考了github上的安裝，但願你再回來看看在整個安裝過程當中都要哪些必要的注意點。

一、咱們跟他們同樣，利用composer安裝便可。

二、添加配置項

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

 

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

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

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

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

四、其中上傳類用的是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'] 
    ] 
]) ?>

 

五、配置語言或者插件，像第四步同樣，在clientOptions項中添加lang和plugins配置項便可，若是你想問都有哪些plugins，打開目錄\vendor\yii2-redactor\assets\plugins能夠一睹風采。 六、圖片上傳注意了，由於redactor是以模塊進行引入的，若是你的項目含有權限管理，記得添加權限哦。

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