這篇文章給大家分享的是有關(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');//注冊自定義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)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
當(dāng)前名稱:Yii使用Ueditor的方法-創(chuàng)新互聯(lián)
文章分享:http://www.jbt999.com/article34/dhcsse.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎ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)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容