淺析Yii2集成富文本編輯器redactor實(shí)例教程

更新時(shí)間：2016年04月25日 13:54:49 作者：白狼

yii2集成另外一個(gè)強(qiáng)大好用的富文本編輯器Redactor。接下來(lái)通過(guò)本文給大家介紹Yii2集成富文本編輯器redactor實(shí)例教程，感興趣的朋友一起學(xué)習(xí)吧

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

今天我們來(lái)談?wù)剏ii2集成另外一個(gè)強(qiáng)大好用的富文本編輯器Redactor，個(gè)人覺(jué)得Redactor比百度編輯器好用哦

Redactor有官方的Yii2插件package，實(shí)用性也是很強(qiáng)的。

首先我們不急不躁，先進(jìn)行安裝Redactor。

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

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

2、添加配置項(xiàng)

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

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

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

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

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

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

<?= $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、配置語(yǔ)言或者插件，像第四步一樣，在clientOptions項(xiàng)中添加lang和plugins配置項(xiàng)即可，如果你想問(wèn)都有哪些plugins，打開(kāi)目錄\vendor\yii2-redactor\assets\plugins可以一睹風(fēng)采。

6、圖片上傳注意了，因?yàn)閞edactor是以模塊進(jìn)行引入的，如果你的項(xiàng)目含有權(quán)限管理，記得添加權(quán)限哦。

7、忘記了一個(gè)大前提，保證你的php支持fileinfo擴(kuò)展。打開(kāi)php.ini文件去掉fileinfo前面的分號(hào)即可

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

您可能感興趣的文章: