詳解在YII2框架中使用UEditor編輯器發(fā)布文章
本文介紹了詳解在YII2框架中使用UEdio編輯器發(fā)布文章,分享給大家,具體如下:創(chuàng)建文章數(shù)據(jù)表文章數(shù)據(jù)表主要有4個(gè)字段1.id主鍵(i)2.ile標(biāo)題(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個(gè)字段
1.id 主鍵(int)
2.title 標(biāo)題(varchar)
3.content 內(nèi)容(text)
4.created_time 創(chuàng)建時(shí)間(int)
創(chuàng)建文章模型
創(chuàng)建文章模型,不要忘記設(shè)置驗(yàn)證規(guī)則和字段的名稱(chēng)
namespace backend/models;class Article extends /yii/db/ActiveRecord{ public function rules() { return [ [['title', 'content'], 'required'], ]; }public function attributeLabels(){ return [ 'id' => 'ID', 'title' => '名稱(chēng)', 'content' => '內(nèi)容', ];}}創(chuàng)建控制器
創(chuàng)建文章控制器并編寫(xiě)發(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 "*"
在控制器中定義處理上傳文件的動(dòng)作
在控制器中定義動(dòng)作,用于處理UEditor上傳的文件。
可以配置域名,上傳路徑,上傳文件命名格式等等
public function actions(){ return [ 'upload' => [ 'class' => 'kucha/ueditor/UEditorAction', 'config' => [ "imageUrlPrefix" => "",//圖片訪問(wèn)路徑前綴 "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', //設(shè)置語(yǔ)言 '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();最終頁(yè)面效果

以下是發(fā)布文章功能編寫(xiě)完成后的效果,是不是很炫?希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持金聰精品。
金聰線報(bào)提示:[ 詳解在YII2框架中使用UEditor編輯器發(fā)布文章 ] 僅為會(huì)員分享,分享目的如下:
1.軟件源碼推廣展示:目的展示軟件相關(guān)功能,接收技術(shù)學(xué)習(xí)者測(cè)試、測(cè)評(píng);
2.教程課程信息展示:展示課程信息,傳授課程各階段內(nèi)容;
3.設(shè)計(jì)素材圖片展示:展示素材設(shè)計(jì)理念、思維方式、傳播設(shè)計(jì)理念;
4.福利優(yōu)惠信息展示:分享各類(lèi)最新的福利信息,各種優(yōu)惠信息展示;
以上分享目的僅供學(xué)習(xí)、參考使用,請(qǐng)勿用于其他用途,如果想商業(yè)使用或者代理,請(qǐng)自行聯(lián)系版權(quán)方獲取授權(quán)。任何未獲取授權(quán)的商業(yè)使用與本站無(wú)關(guān),請(qǐng)自行承擔(dān)相應(yīng)責(zé)任。
本站不存儲(chǔ)任何資源文件,敬請(qǐng)周知!
本網(wǎng)站采用 BY-NC-SA 協(xié)議進(jìn)行授權(quán) 轉(zhuǎn)載請(qǐng)注明原文鏈接:詳解在YII2框架中使用UEditor編輯器發(fā)布文章
1.軟件源碼推廣展示:目的展示軟件相關(guān)功能,接收技術(shù)學(xué)習(xí)者測(cè)試、測(cè)評(píng);
2.教程課程信息展示:展示課程信息,傳授課程各階段內(nèi)容;
3.設(shè)計(jì)素材圖片展示:展示素材設(shè)計(jì)理念、思維方式、傳播設(shè)計(jì)理念;
4.福利優(yōu)惠信息展示:分享各類(lèi)最新的福利信息,各種優(yōu)惠信息展示;
以上分享目的僅供學(xué)習(xí)、參考使用,請(qǐng)勿用于其他用途,如果想商業(yè)使用或者代理,請(qǐng)自行聯(lián)系版權(quán)方獲取授權(quán)。任何未獲取授權(quán)的商業(yè)使用與本站無(wú)關(guān),請(qǐng)自行承擔(dān)相應(yīng)責(zé)任。
本站不存儲(chǔ)任何資源文件,敬請(qǐng)周知!
此資源僅供個(gè)人學(xué)習(xí)、研究使用,禁止非法轉(zhuǎn)播或商業(yè)用途,請(qǐng)?jiān)讷@取后24小時(shí)內(nèi)刪除,如果你覺(jué)得滿意,請(qǐng)尋求購(gòu)買(mǎi)正版或獲取授權(quán)!
如果您認(rèn)為本頁(yè)信息內(nèi)容侵犯了您的相關(guān)權(quán)益(包含但不限于:著作權(quán)、首發(fā)權(quán)、隱私權(quán)等權(quán)利),或者您認(rèn)為自己是此信息的權(quán)利人但是此信息不是自己發(fā)布的,可以直接版權(quán)舉報(bào)投訴,我們會(huì)根據(jù)網(wǎng)站注冊(cè)協(xié)議、資源分享協(xié)議等協(xié)議處理,以保護(hù)您的合法權(quán)益。
免責(zé)申明:本站僅提供學(xué)習(xí)的平臺(tái),所有資料均來(lái)自于網(wǎng)絡(luò)分享線索,版權(quán)歸原創(chuàng)者所有!本站不提供任何保證,并不承擔(dān)任何法律責(zé)任,如果對(duì)您的版權(quán)或者利益造成損害,請(qǐng)?zhí)峁┫鄳?yīng)的資質(zhì)證明,我們將于3個(gè)工作日內(nèi)予以處理。版權(quán)申訴相關(guān)說(shuō)明如果您認(rèn)為本頁(yè)信息內(nèi)容侵犯了您的相關(guān)權(quán)益(包含但不限于:著作權(quán)、首發(fā)權(quán)、隱私權(quán)等權(quán)利),或者您認(rèn)為自己是此信息的權(quán)利人但是此信息不是自己發(fā)布的,可以直接版權(quán)舉報(bào)投訴,我們會(huì)根據(jù)網(wǎng)站注冊(cè)協(xié)議、資源分享協(xié)議等協(xié)議處理,以保護(hù)您的合法權(quán)益。
本網(wǎng)站采用 BY-NC-SA 協(xié)議進(jìn)行授權(quán) 轉(zhuǎn)載請(qǐng)注明原文鏈接:詳解在YII2框架中使用UEditor編輯器發(fā)布文章

侵權(quán)舉報(bào)/版權(quán)申訴



