侵權舉報/版權申訴本文介紹了詳解在YII2框架中使用UEdio編輯器發(fā)布文章，分享給大家，具體如下：創(chuàng)建文章數(shù)據(jù)表文章數(shù)據(jù)表主要有4個字段1.id主鍵(i)2.ile標題(vacha)3.coe內(nèi)容(ex)4.ceaed_ime創(chuàng)建......
以下是【金聰采編】分享的內(nèi)容全文：
以下是【金聰采編】分享的內(nèi)容全文：
本文介紹了詳解在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)建文章模型，不要忘記設置驗證規(guī)則和字段的名稱
namespace backend/models;class Article extends /yii/db/ActiveRecord{ public function rules() { return [ [['title', 'content'], 'required'], ]; }public function attributeLabels(){ return [ 'id' => 'ID', 'title' => '名稱', 'content' => '內(nèi)容', ];}}創(chuàng)建控制器
創(chuàng)建文章控制器并編寫發(fā)布文章功能
namespace backend/controllers;use backend/models/Article;class ArticleController extends /yii/web/Controller{ /* * 發(fā)布文章 */ public function actionAdd() { $article = new Article(); 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命令安裝
composer require kucha/ueditor "*"
在控制器中定義處理上傳文件的動作
在控制器中定義動作，用于處理UEditor上傳的文件。
可以配置域名，上傳路徑，上傳文件命名格式等等
public function actions(){ return [ 'upload' => [ 'class' => 'kucha/ueditor/UEditorAction', 'config' => [ "imageUrlPrefix" => "",//圖片訪問路徑前綴 "imagePathFormat" => "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}" //上傳保存路徑 "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', //設置語言 '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'=>'btn btn-info']);/yii/bootstrap/ActiveForm::end();最終頁面效果
以下是發(fā)布文章功能編寫完成后的效果，是不是很炫？希望對大家的學習有所幫助，也希望大家多多支持金聰精品。
金聰線報提示：[ 詳解在YII2框架中使用UEditor編輯器發(fā)布文章 ] 僅為會員分享，分享目的如下：
1.軟件源碼推廣展示：目的展示軟件相關功能，接收技術學習者測試、測評；
2.教程課程信息展示：展示課程信息，傳授課程各階段內(nèi)容；
3.設計素材圖片展示：展示素材設計理念、思維方式、傳播設計理念；
4.福利優(yōu)惠信息展示：分享各類最新的福利信息，各種優(yōu)惠信息展示；
以上分享目的僅供學習、參考使用，請勿用于其他用途，如果想商業(yè)使用或者代理，請自行聯(lián)系版權方獲取授權。任何未獲取授權的商業(yè)使用與本站無關，請自行承擔相應責任。
本站不存儲任何資源文件，敬請周知！
本網(wǎng)站采用 BY-NC-SA 協(xié)議進行授權 轉載請注明原文鏈接:詳解在YII2框架中使用UEditor編輯器發(fā)布文章
1.軟件源碼推廣展示：目的展示軟件相關功能，接收技術學習者測試、測評；
2.教程課程信息展示：展示課程信息，傳授課程各階段內(nèi)容；
3.設計素材圖片展示：展示素材設計理念、思維方式、傳播設計理念；
4.福利優(yōu)惠信息展示：分享各類最新的福利信息，各種優(yōu)惠信息展示；
以上分享目的僅供學習、參考使用，請勿用于其他用途，如果想商業(yè)使用或者代理，請自行聯(lián)系版權方獲取授權。任何未獲取授權的商業(yè)使用與本站無關，請自行承擔相應責任。
本站不存儲任何資源文件，敬請周知！
此資源僅供個人學習、研究使用，禁止非法轉播或商業(yè)用途，請在獲取后24小時內(nèi)刪除，如果你覺得滿意，請尋求購買正版或獲取授權！
如果您認為本頁信息內(nèi)容侵犯了您的相關權益（包含但不限于：著作權、首發(fā)權、隱私權等權利），或者您認為自己是此信息的權利人但是此信息不是自己發(fā)布的，可以直接版權舉報投訴，我們會根據(jù)網(wǎng)站注冊協(xié)議、資源分享協(xié)議等協(xié)議處理，以保護您的合法權益。
免責申明：本站僅提供學習的平臺，所有資料均來自于網(wǎng)絡分享線索，版權歸原創(chuàng)者所有！本站不提供任何保證，并不承擔任何法律責任，如果對您的版權或者利益造成損害，請?zhí)峁┫鄳馁Y質(zhì)證明，我們將于3個工作日內(nèi)予以處理。版權申訴相關說明如果您認為本頁信息內(nèi)容侵犯了您的相關權益（包含但不限于：著作權、首發(fā)權、隱私權等權利），或者您認為自己是此信息的權利人但是此信息不是自己發(fā)布的，可以直接版權舉報投訴，我們會根據(jù)網(wǎng)站注冊協(xié)議、資源分享協(xié)議等協(xié)議處理，以保護您的合法權益。
本網(wǎng)站采用 BY-NC-SA 協(xié)議進行授權 轉載請注明原文鏈接:詳解在YII2框架中使用UEditor編輯器發(fā)布文章
上一篇：yii2 上傳圖片的示例代碼
