第詳解在YII2框架中使用UEditor編輯器發(fā)布文章本文介紹了詳解在YII2框架中使用UEditor編輯器發(fā)布文章，分享給大家，具體如下：

創(chuàng)建文章數(shù)據(jù)表

文章數(shù)據(jù)表主要有4個字段

1.id主鍵(int)

2.title標題(varchar)

3.content內(nèi)容(text)

4.created_time創(chuàng)建時間（int）

創(chuàng)建文章模型

創(chuàng)建文章模型，不要忘記設(shè)置驗證規(guī)則和字段的名稱

namespacebackend\models;

classArticleextends\yii\db\ActiveRecord

publicfunctionrules()

return[

[['title','content'],'required'],

publicfunctionattributeLabels()

return[

'id'='ID',

'title'='名稱',

'content'='內(nèi)容',

創(chuàng)建控制器

創(chuàng)建文章控制器并編寫發(fā)布文章功能

namespacebackend\controllers;

usebackend\models\Article;

classArticleControllerextends\yii\web\Controller

*發(fā)布文章

publicfunctionactionAdd()

$article=newArticle();

if($article-load(\Yii::$app-request-post())$article-validate()){

$article-created_time=time();

$article-save();

\Yii::$app-session-setFlash('success','文章添加成功');

return$this-refresh();

return$this-render('add',['article'=$article]);

安裝UEditor小部件

使用composer命令安裝

composerrequirekucha/ueditor"*"

在控制器中定義處理上傳文件的動作

在控制器中定義動作，用于處理UEditor上傳的文件。

可以配置域名，上傳路徑，上傳文件命名格式等等

publicfunctionactions()

return[

'upload'=[

'class'='kucha\ueditor\UEditorAction',

'config'=[

"imageUrlPrefix"="",//圖片訪問路徑前綴

"imagePathFormat"="/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}"http://上傳保存路徑

"imageRoot"=Yii::getAlias("@webroot"),

在視圖中顯示UEditor編輯器

在視圖表單中使用如下代碼顯示UEditor編輯器

$form=\yii\bootstrap\ActiveForm::begin();

echo$form-field($article,'title');

echo$form-field($article,'content')-widget('kucha\ueditor\UEditor',[

'clientOptions'=[

//編輯區(qū)域大小

'initialFrameHeight'='200',

//設(shè)置語言

'lang'='en',//中文為zh-cn

//定制菜單

'toolbars'=[

'fullscreen','source','undo','redo','|',

'fontsize',

'bold','italic','underline','fontborder','strikethrough','removeformat',

'formatmatch','autotypeset','blockquote','pasteplain','|',

'forecolor','backcolor','|',

'lineheight','|',

'indent','|'

echo\yii\bootstrap\Html::submitButton('提交',['class'='btnbtn