yii2实现Ueditor百度编辑器的示例代码

 更新时间:2018年11月02日 09:56:03   作者:willeny   我要评论

这篇文章主要介绍了yii2实现Ueditor百度编辑器的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

今天在网上看了下有关图片上传的教程,历经挫折才调试好,现在把相关代码及其说明贴出来,以供初次使用的朋友们参考。

资源下载

yii2.0-ueditor下载路径:yii2-ueditor-jb51.rar

效果演示:

安装方法:

1.下载yii2-ueditor
2.将下载的yii2-ueditor-master 修改 ueditor (注意:修改成其他文件名请修改插件内对应的命名空间)
3.将文件方在 根目录/common/widgets 下即可

调用方法:

在backend/controllers中新建一个控制器Demo加入以下代码

public function actions(){
 return [
 'ueditor'=>[
  'class' => 'common\widgets\ueditor\UeditorAction',
  'config'=>[
  //上传图片配置
  'imageUrlPrefix' => "", /* 图片访问路径前缀 */
  'imagePathFormat' => "/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
  ]
 ]
 ];
}

第一种调用方式:

在对应的渲染页面,即views下的页面中

<?=common\widgets\ueditor\Ueditor::widget(['options'=>['initialFrameWidth' => 850,]])?>

options 填写配置编辑器的参数(参考ueditor官网)

第二种调用方式:

<?php $form = ActiveForm::begin(); ?>

<?= $form->field($model, 'title')->textInput(['maxlength' => true]) ?>

<?= $form->field($model, 'content')->widget('common\widgets\ueditor\Ueditor',[
 'options'=>[
 'initialFrameWidth' => 850,
 ]
]) ?>

 ...

<?php ActiveForm::end(); ?>

yii2框架整合了百度编辑器,因为文件上传采用的是yii2自带的UploadedFile,这就难免umeditor上传不成功问题,解决问题的只需要两个操作步骤,我们来看看具体实现

创建一个 common/models/Upload.php:代码为:

<?PHP
namespace common\models;

use yii\base\Model;
use yii\web\UploadedFile;

/**
 * UploadForm is the model behind the upload form.
 */
class Upload extends Model
{
 /**
 * @var UploadedFile file attribute
 */
 public $file;

 /**
 * @return array the validation rules.
 */
 public function rules()
 {
 return [
  [['file'], 'file'],
 ];
 }
}

需要在刚刚创建的那个控制器Demo里添加actionUploadImage方法处理“富文本框的图片上传”内容

use yii\web\UploadedFile;
use common\models\Upload;
/**
 * 富文本框的图片上传
 * @return array
 */
 public function actionUploadImage()
 {
 $model = new Upload();
 if (Yii::$app->request->isPost) {
  $model->file = UploadedFile::getInstance($model, "file");
  $dir = '/uploads/ueditor/';//文件保存目录
  if (!is_dir($dir))
  mkdir($dir);
  if ($model->validate()) {
  $fileName = $model->file->baseName . "." . $model->file->extension;
  $dir = $dir."/". $fileName;
  $model->file->saveAs($dir);
  $info = [
   "originalName" => $model->file->baseName,
   "name" => $model->file->baseName,
   "url" => $dir,
   "size" => $model->file->size,
   "type" => $model->file->type,
   "state" => "SUCCESS",
  ];
  exit(json_encode($info));
  }
 }
 }

特别提醒:上述返回的$info信息中state状态只能是SUCCESS,区分大小写

视图文件

<?php
use yii\widgets\ActiveForm;
?>

 <?= $form->field($model, 'content')->widget('common\widgets\ueditor\Ueditor',[
 'options'=>[
  'initialFrameWidth' => 1050,//宽度
  'initialFrameHeight' => 550,//高度
 ]
 ]) ?>
<div class="form-group">
 <?= Html::submitButton('保存', ['class' => 'btn btn-success']) ?>
 </div>

<?php ActiveForm::end() ?>

其中content是字段名称

关于图片上传的可以看下:https://www.jb51.net/article/150018.htm

在YII2框架中使用UEditor编辑器发布文章的地址:https://www.jb51.net/article/150022.htm

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • PHP微信红包生成代码分享

    PHP微信红包生成代码分享

    这篇文章主要介绍了PHP微信红包API接口,针对PHP微信公众号自动发送红包API,PHP微信红包API接口的主要代码进行分析,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • 优化WordPress的Google字体以加速国内服务器上的运行

    优化WordPress的Google字体以加速国内服务器上的运行

    这篇文章主要介绍了优化WordPress的Google字体以加速国内服务器上的运行的方法,由于谷歌在内地被墙导致其更新等方面都收到不同程度的影响,需要的朋友可以参考下
    2015-11-11
  • php导入模块文件分享

    php导入模块文件分享

    本文给大家分享的是php导入模块文件分享,主要参数有导入文件路径字符串,可以用"."代替"/", 导入文件类型的扩展名(带"."号),也可以是class/inc(简写方式), 如果导入成功则返回true,否则返回异常对象,有需要的小伙伴参考下吧。
    2015-03-03
  • set_exception_handler函数在ThinkPHP中的用法

    set_exception_handler函数在ThinkPHP中的用法

    这篇文章主要介绍了set_exception_handler函数在ThinkPHP中的用法,分析了官方给出了set_exception_handler函数用法说明及示例,并讲述了在ThinkPHP中的应用实例,需要的朋友可以参考下
    2014-10-10
  • 让Laravel API永远返回JSON格式响应的方法示例

    让Laravel API永远返回JSON格式响应的方法示例

    这篇文章主要给大家介绍了关于如何让Laravel API永远返回JSON格式响应的相关资料,需要的朋友可以参考下
    2018-09-09
  • ajax在joomla中的原生态应用代码

    ajax在joomla中的原生态应用代码

    一般很少看到joomla中使用ajax,笔者以前说到过用jquery来实现,对于那些验证用户名不能重复,邮箱不能重复,以及联动菜单,等等的应用,使用ajax是免不了的
    2012-07-07
  • 老生常谈PHP面向对象之命令模式(必看篇)

    老生常谈PHP面向对象之命令模式(必看篇)

    下面小编就为大家带来一篇老生常谈PHP面向对象之命令模式(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • Yii Framework框架获取分类下面的所有子类方法

    Yii Framework框架获取分类下面的所有子类方法

    Yii是一个基于组件、用于开发大型 Web 应用的 高性能 PHP 框架。Yii 几乎拥有了 所有的特性 ,包括 MVC、DAO/ActiveRecord、I18N/L10N、caching、基于 JQuery 的 AJAX 支持、用户认证和基于角色的访问控制、脚手架、输入验证、部件、事件、主题化以及 Web 服务等等。
    2014-06-06
  • 使用PHP导出Word文档的原理和实例

    使用PHP导出Word文档的原理和实例

    PHP操作Word文档的方法有很多,这里再为大家提供一种方法。
    2013-10-10
  • Yii的CDbCriteria查询条件用法实例

    Yii的CDbCriteria查询条件用法实例

    这篇文章主要介绍了Yii的CDbCriteria查询条件用法,实例总结了CDbCriteria查询条件的常见用法,对于使用Yii进行数据库程序设计具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12

最新评论