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

(编辑：jimmy 日期: 2026/1/13 浏览：2)

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

资源下载

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下的页面中

<"htmlcode">

<"htmlcode">

<"htmlcode">

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,区分大小写
视图文件


<"form-group">
 <"_blank" href="https://www.jb51.net/article/150018.htm">https://www.jb51.net/article/150018.htm
在YII2框架中使用UEditor编辑器发布文章的地址：https://www.jb51.net/article/150022.htm
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

        
            上一篇：yii2 上传图片的示例代码
            下一篇：php 调用百度sms来发送短信的实现示例

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

一句话新闻

最新资源