Yii2集成富文本編輯器redactor的示例分析-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“Yii2集成富文本編輯器redactor的示例分析”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Yii2集成富文本編輯器redactor的示例分析”這篇文章吧。

10多年專注成都網(wǎng)站制作,成都企業(yè)網(wǎng)站建設(shè),個(gè)人網(wǎng)站制作服務(wù),為大家分享網(wǎng)站制作知識(shí)、方案,網(wǎng)站設(shè)計(jì)流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù),專注于成都企業(yè)網(wǎng)站建設(shè),高端網(wǎng)頁制作,對(duì)成都火鍋店設(shè)計(jì)等多個(gè)領(lǐng)域,擁有多年的網(wǎng)站維護(hù)經(jīng)驗(yàn)。

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

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

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

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

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

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

第一個(gè)注意點(diǎn),默認(rèn)的上傳文件保存在根目錄下的uploads,如果你想更換文件的保存目錄,修改配置項(xiàng)uploadDir即可,同時(shí)你需要修改uploadUrl保證圖片可訪問。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一套,但是你說你的上傳類需要重寫,也可以,只需要像下面這樣加幾個(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、配置語言或者插件,像第四步一樣,在clientOptions項(xiàng)中添加lang和plugins配置項(xiàng)即可,如果你想問都有哪些plugins,打開目錄\vendor\yii2-redactor\assets\plugins可以一睹風(fēng)采。

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

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

以上是“Yii2集成富文本編輯器redactor的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

網(wǎng)頁名稱:Yii2集成富文本編輯器redactor的示例分析-創(chuàng)新互聯(lián)
當(dāng)前地址:http://muchs.cn/article18/dgidgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站設(shè)計(jì)網(wǎng)站導(dǎo)航、App開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名