详解在YII2框架中使用编辑器编辑器发布文章

本文介绍了详解在YII2框架中使用编辑器编辑器发布文章，分享给大家，具体如下：

创建文章数据表

文章数据表主要有四个字段1.id主键(int)2。标题标题(varchar)3。内容内容（文本)4 .创建时间创建时间（整数)

创建文章模型

创建文章模型，不要忘记设置验证规则和字段的名称

命名空间后端\模型；类文章扩展\ yii \ db \ active record { public function rules(){ return[[[' title '，' content']，' required']，]；}公共函数属性标签(){返回['标识'='标识'，'标题'='名称，'内容'='内容', ];}}创建控制器

创建文章控制器并编写发布文章功能

命名空间后端\控制器；使用后端\模型\文章；类文章控制器扩展\ yii \ web \ Controller {/* * *发布文章*/public function actionAdd(){ $ Article=new Article()；if($ article-load(\ yii : $ app-request-post())$ article-validate()){ $ article-created _ time=time()；$ article-save()；\ yii : $ app-session-set FLash('成功','文章添加成功');返回$ this-refresh()；}返回$this-render('add '，[' article '=$ article])；}}安装编辑器小部件

使用设计者命令安装

作曲家需要kucha/ueditor '* '在控制器中定义处理上传文件的动作

在控制器中定义动作，用于处理编辑器上传的文件。

可以配置域名，上传路径，上传文件命名格式等等

public function actions(){ return[' upload '=[' class '=' kucha \ ueditor \ UEditorAction '，' config'=[ 'imageUrlPrefix'='，//图片访问路径前缀imagepath格式'='/upload/image/{ yyyy } { mm } { DD }/{ time } { rand :6 } '//上传保存路径imageRoot '=yii :3360 geta lias(@ web root ')，]，]]；}在视图中显示编辑器编辑器

在视图表单中使用如下代码显示编辑器编辑器

$ form=\ yii \ bootstrap \ active form : begin()；echo $form-field($article，' title ')；echo $form-field($article，' content ')-widget(' kucha \ UEditor \ UEditor '，[ 'clientOptions'=[ //编辑区域大小initialFrameHeight'='200 '，//设置语言lang'='en '，//中文为zh-cn /定制菜单工具栏'=[ ['全屏','源','撤消','重做，' | '，' fontsize '，'加粗','斜体','下划线，' fontborder '，'删除线、' removeformat '、' formatmatch '、' autotypeset '、' blockquote '、' pasteplain '、' forecolor '、' backcolor '、' | '、' lineheight '、' indent '、' | '])；echo \ yii \ bootstrap \ html :3360 submit button('提交，[' class '=' BTN BTN-信息'])；\ yii \ bootstrap \活动表单：3360 end()；最终页面效果

以下是发布文章功能编写完成后的效果，是不是很炫？希望对大家的学习有所帮助，也希望大家多多支持我们。