详解在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截取字符串并保留完整xml标签的函数代码
Feb 06 PHP
PHP上传文件时文件过大$_FILES为空的解决方法
Nov 26 PHP
JavaScript创建命名空间的5种写法
Jun 24 PHP
PHP实现定时执行任务的方法
Oct 05 PHP
php实现用手机关闭计算机(电脑)的方法
Apr 22 PHP
详解WordPress中简码格式标签编写的基本方法
Dec 22 PHP
yii2中dropDownList实现二级和三级联动写法
Apr 26 PHP
PHP简单实现合并2个数字键数组值的方法
May 30 PHP
PHP开发实现微信退款功能示例
Nov 25 PHP
Laravel5.5 实现后台管理登录的方法(自定义用户表登录)
Sep 30 PHP
laravel 错误处理,接口错误返回json代码
Oct 25 PHP
Laravel框架Eloquent ORM修改数据操作示例
Dec 03 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
一些操作和快捷键的理解和讨论
2020/03/04 星际争霸
php实现的返回数据格式化类实例
2014/09/22 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
javascript 变量作用域 代码分析
2009/06/26 Javascript
js操作iframe父子窗体示例
2014/05/22 Javascript
使用jQueryMobile实现滑动翻页效果的方法
2015/02/04 Javascript
JS实现让网页背景图片斜向移动的方法
2015/02/25 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
vue实现app页面切换动画效果实例
2017/05/23 Javascript
vue引入swiper插件的使用实例
2017/07/19 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
Python爬虫爬取美剧网站的实现代码
2016/09/03 Python
Python判断某个用户对某个文件的权限
2016/10/13 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
详谈Python中列表list,元祖tuple和numpy中的array区别
2018/04/18 Python
Python 读取图片文件为矩阵和保存矩阵为图片的方法
2018/04/27 Python
详解Python的hasattr() getattr() setattr() 函数使用方法
2018/07/09 Python
详解python中的Turtle函数库
2018/11/19 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
基于Python数据分析之pandas统计分析
2020/03/03 Python
selenium+超级鹰实现模拟登录12306
2021/01/24 Python
英国户外装备商店:Ultimate Outdoors
2019/05/07 全球购物
医生自荐信
2013/10/11 职场文书
护理个人求职信范文
2014/01/08 职场文书
实习鉴定评语
2014/01/19 职场文书
初一家长会邀请函
2014/01/31 职场文书
求职信怎么写
2014/05/23 职场文书
个人求职信范文
2014/05/24 职场文书
写给医生的感谢信
2015/01/22 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
2016年寒假政治学习心得体会
2015/10/09 职场文书
2019求职信大礼包
2019/05/15 职场文书
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android
详解Spring Security如何在权限中使用通配符
2022/06/28 Java/Android