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

 更新时间:2018年11月02日 10:19:48   作者:felixji  
这篇文章主要介绍了在YII2框架中使用UEditor编辑器发布文章,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

本文介绍了详解在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();

最终页面效果

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

相关文章

  • PHP的重载使用魔术方法代码实例详解

    PHP的重载使用魔术方法代码实例详解

    这篇文章主要介绍了PHP的重载使用魔术方法代码实例详解,文章利用文字和代码说明的很清晰,有感兴趣的同学可以借鉴参考下
    2021-02-02
  • PHP curl模拟登录带验证码的网站

    PHP curl模拟登录带验证码的网站

    最近接了个项目,其中有需求是要登录带验证码的网站,获取数据,但是我们不可能人为的一直去记录数据,想通过自动采集的方式进行,下面小编给大家带来的相关代码,对php curl 模拟登录带验证码的网站感兴趣的朋友一起学习吧
    2015-11-11
  • PHP 文章中的远程图片采集到本地的代码

    PHP 文章中的远程图片采集到本地的代码

    今天写了一个这个功能, 拿出来跟朋友一起分享,可以获取远程图片并保存到本地,其实大家可以参考很多php管理系统都有这个功能。
    2009-07-07
  • php随机输出名人名言的代码

    php随机输出名人名言的代码

    正如你看到的“小谈博客”标题后面的名人名言一样,每刷新一次就会随机出现一条语句,把你喜欢的话放到一起,经常出现在你眼前,给你温暖的力量
    2012-10-10
  • PHP实用函数分享之去除多余的0

    PHP实用函数分享之去除多余的0

    本系列文章是给大家分享一些常见的实用的PHP函数,本文是第一篇,我们来一个简单的,去除多余的0
    2015-02-02
  • laravel 模型查询按照whereIn排序的示例

    laravel 模型查询按照whereIn排序的示例

    今天小编就为大家分享一篇laravel 模型查询按照whereIn排序的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • yii2.0实现创建简单widgets示例

    yii2.0实现创建简单widgets示例

    这篇文章主要介绍了yii2.0实现创建简单widgets的方法,结合实例形式分析了Yii中widgets的基本创建及使用方法,需要的朋友可以参考下
    2016-07-07
  • PHP文件上传之多文件上传的实现思路

    PHP文件上传之多文件上传的实现思路

    这篇文章主要介绍了PHP文件上传之多文件上传的实现思路的相关资料,需要的朋友可以参考下
    2016-01-01
  • php用header函数实现301跳转代码实例

    php用header函数实现301跳转代码实例

    分享一个php 301跳转的代码,很简单,主要是用header函数实现转,大家可以参考使用
    2013-11-11
  • PHP中的常见魔术方法功能作用及用法实例

    PHP中的常见魔术方法功能作用及用法实例

    这篇文章主要介绍了PHP中的常见魔术方法功能作用及用法实例,本文讲解了构造函数和析构函数__construct()和__desctruct()以及属性重载(Property Overloading)__get()和、__set()、__isset()等等魔术方法,需要的朋友可以参考下
    2015-07-07

最新评论