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


Posted in PHP onNovember 02, 2018

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

创建文章数据表

 文章数据表主要有4个字段
1.id  主键(int)
2.title 标题(varchar)
3.content 内容(text)
4.created_time 创建时间(int)

创建文章模型

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

namespace backend\models;
class Article extends \yii\db\ActiveRecord
{
public function rules()
{
  return [
    [['title', 'content'], 'required'],
  ];
}
public function attributeLabels()
{
  return [
    'id' => 'ID',
    'title' => '名称',
    'content' => '内容',
  ];
}
}

创建控制器

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

namespace backend\controllers;

use backend\models\Article;

class ArticleController extends \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->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' => [
    //编辑区域大小
    '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();

最终页面效果

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

以下是发布文章功能编写完成后的效果,是不是很炫?希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
PHP IPV6正则表达式验证代码
Feb 16 PHP
php数组函数序列之array_sum() - 计算数组元素值之和
Oct 29 PHP
PHP读取xml方法介绍
Jan 12 PHP
Thinkphp模板中截取字符串函数简介
Jun 17 PHP
ThinkPHP令牌验证实例
Jun 18 PHP
ThinkPHP中自定义目录结构的设置方法
Aug 15 PHP
php获取文件名后缀常用方法小结
Feb 24 PHP
php中header跳转使用include包含解决参数丢失问题
May 08 PHP
php获取错误信息的方法
Jul 17 PHP
深入浅析PHP的session反序列化漏洞问题
Jun 15 PHP
Yii2框架数据验证操作实例详解
May 02 PHP
PHP实现一维数组与二维数组去重功能示例
May 24 PHP
yii2 上传图片的示例代码
Nov 02 #PHP
yii2实现Ueditor百度编辑器的示例代码
Nov 02 #PHP
php 调用百度sms来发送短信的实现示例
Nov 02 #PHP
Linux下 php7安装redis的方法
Nov 01 #PHP
PHP结合Ffmpeg快速搭建流媒体服务的实践记录
Oct 31 #PHP
php图片裁剪函数
Oct 31 #PHP
php+js实现裁剪任意形状图片
Oct 31 #PHP
You might like
PHP is_dir() 判断给定文件名是否是一个目录
2010/05/10 PHP
PHP之预定义接口详解
2015/07/29 PHP
PHP实现递归无限级分类
2015/10/22 PHP
Yii2框架中日志的使用方法分析
2017/05/22 PHP
PDO::query讲解
2019/01/29 PHP
PHP实现字符串大小写转函数的功能实例
2019/02/06 PHP
Opacity.js
2007/01/22 Javascript
来自国外的30个基于jquery的Web下拉菜单
2012/06/22 Javascript
关于JS控制代码暂停的实现方法分享
2012/10/11 Javascript
JS 添加千分位与去掉千分位的示例
2013/07/11 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
2018/01/16 Javascript
vue-cli项目修改文件热重载失效的解决方法
2018/09/19 Javascript
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
ES6的循环与可迭代对象示例详解
2021/01/31 Javascript
python制作最美应用的爬虫
2015/10/28 Python
Python 查找list中的某个元素的所有的下标方法
2018/06/27 Python
Django项目中使用JWT的实现代码
2019/11/04 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
解决django migrate报错ORA-02000: missing ALWAYS keyword
2020/07/02 Python
浅析Python中字符串的intern机制
2020/10/03 Python
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
html5简介_动力节点Java学院整理
2017/07/07 HTML / CSS
SmartBuyGlasses英国:购买太阳镜和眼镜
2018/01/29 全球购物
师范生实习个人的自我评价
2013/09/28 职场文书
四年级数学上册教学计划
2015/01/20 职场文书
车间主任岗位职责
2015/02/03 职场文书
2015感人爱情寄语
2015/02/26 职场文书
2015年圣诞节活动总结
2015/03/24 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
社区党支部承诺书
2015/04/29 职场文书
与死神共舞观后感
2015/06/15 职场文书
关于mysql中string和number的转换问题
2022/06/14 MySQL