這篇文章給大家分享的是有關(guān)Yii使用Ueditor的方法的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。
Yii 如何使用 Ueditor ?
首先在入口文件目錄下新建public目錄和uploads目錄;
然后下載Ueditor,解壓到public目錄下;
接著引“ueditor for yii2”庫,并定義自定義上傳目錄;
"imagePathFormat": "/uploads/ueditor/image/{yyyy}{mm}{dd}/{time}{rand:6}", "scrawlPathFormat": "/uploads/ueditor/image/{yyyy}{mm}{dd}/{time}{rand:6}"
最后在視圖中引入使用即可。
<?php use yii\helpers\Html; use yii\bootstrap\ActiveForm; //引入百度編輯器 $this->registerJsFile('@web/public/ueditor/ueditor.config.js');//注冊(cè)自定義js $this->registerJsFile('@web/public/ueditor/ueditor.all.min.js'); $this->registerJsFile('@web/public/ueditor/lang/zh-cn/zh-cn.js'); ?> <script> $(function(){ var ue = UE.getEditor('editor'); }) </script> <style> .inline .radio,.inline .checkbox{display: inline-block;margin: 0 5px;} #editor{margin-top: 20px;padding:0;margin:20px 0;width:100%;height:auto;border: none;} </style> <?php $form=ActiveForm::begin([ 'id'=>'upload', 'enableAjaxValidation' => false, 'options'=>['enctype'=>'multipart/form-data'] ]); ?> <?= $form->field($model,'title')->textInput();?> <?= $form->field($model, 'image')->fileInput();?> <?= $form->field($model,'content')->textarea(['rows'=>6,'id'=>'editor','class'=>'col-sm-1 col-md-12']);?> <?= Html::submitButton('提交', ['class'=>'btn btn-primary','name' =>'submit-button']) ?> <?php ActiveForm::end();?>
感謝各位的閱讀!關(guān)于Yii使用Ueditor的方法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
當(dāng)前名稱:Yii使用Ueditor的方法-創(chuàng)新互聯(lián)
文章分享:http://www.chinadenli.net/article34/dhcsse.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營(yíng)銷、網(wǎng)頁設(shè)計(jì)公司、自適應(yīng)網(wǎng)站、App設(shè)計(jì)、商城網(wǎng)站、用戶體驗(yàn)
聲明:本網(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)
猜你還喜歡下面的內(nèi)容