淺析Yii2整合富文本編輯器redactor實例教學 php富文本編輯器 java富文本編輯器 jsp富文本編輯器

在上篇文章中為大家介紹如何在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類型，下面的配置適用你

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

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

 $model, 'attribute' => 'content' ]) ?>

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

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，打開目錄vendoryii2-redactorassetsplugins可以一睹風采。

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

7、忘了一個大前提，保證你的php支援fileinfo擴充。打開php.ini檔案去掉fileinfo前面的分號即可

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

以上就介紹了淺析Yii2整合富文本編輯器redactor實例教程，包含了富文本編輯器方面的內容，希望對PHP教程有興趣的朋友有所幫助。