《PHP編程：淺析Yii2集成富文本編輯器redactor實例教程》要點：
本文介紹了PHP編程：淺析Yii2集成富文本編輯器redactor實例教程，希望對您有用。如果有疑問，可以聯系我們。

相關主題：YII框架

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

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

Redactor有官方的Yii2插件package,實用性也是很強的.PHP學習

首先我們不急不躁,先進行安裝Redactor.PHP學習

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

1、我們跟他們一樣,利用composer安裝即可.PHP學習

2、添加配置項PHP學習

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

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

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

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

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

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

<?= $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可以一睹風采.PHP學習

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

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

以上所述是小編給大家介紹的Yii2集成富文本編輯器redactor實例教程,希望對大家有所贊助!PHP學習

《PHP編程：淺析Yii2集成富文本編輯器redactor實例教程》是否對您有啟發，歡迎查看更多與《PHP編程：淺析Yii2集成富文本編輯器redactor實例教程》相關教程，學精學透。維易PHP學院為您提供精彩教程。

轉載請注明本頁網址：
http://www.snjht.com/jiaocheng/6842.html