yii2 ueditor-百度编辑器图片上传七牛云

1、编辑器使用的是裤衩哥的小部件,没有安装的使用composer安装

php composer.phar require kucha/ueditor "*"

附上github的地址:https://github.com/BigKuCha/yii2-ueditor-widget

2、安装七牛官方SDK

php composer.phar require qiniu/php-sdk

附上github的地址:https://github.com/qiniu/php-sdk

裤衩百度编辑器的使用不做介绍了,可以去github上看有详细的介绍

3、修改 vendor\kucha\ueditor\Uploader.php的upFile()方法(上传文件的主处理方法)内的找到附图代码注释掉

替换成七牛上传图片的代码-附图

记得use Auth 和 UploadManager

4、修改 vendor\kucha\ueditor\UEditorAction的handleAction方法,注释掉附图代码

到此修改完成了,如有错误请指出

原文地址:https://www.cnblogs.com/liju/p/9279517.html

时间: 2024-10-06 23:50:44

yii2 ueditor-百度编辑器图片上传七牛云的相关文章

Java往事之《百度UEditor插件配置图片上传问题》

百度UEditor插件配置图片上传问题 前言:之前第一次用到UEditor插件的时候,一脸懵逼!没错就是一脸懵逼,去UEditor插件官网下载了一个开发版的.然后对于新鲜技术好奇,本人就迫不及待的把它copy到了我的项目里,运行之后发现鼠标点到输入框里面的时候,什么鬼啊,握了棵草!上传图片的插件置灰了如下图1,一看还有一个多图片上传的插件还在,就赶紧点了一下,点开的那一瞬间我吃了一鲸,如下图2! 图1 图2 很好!下面看一下如何解决这个问题. 1.首先你可以到官网Ueditor,查看很详细的文档

UMEditor(Ueditor mini)修改图片上传路径

UMEditor(Ueditor mini)修改图片上传路径 imageUp.ashx string pathbase = "/UpLoad/images/"; //保存文件夹在网站根目录下 dialogs/image/image.js //修改为 var $img = $("<img src='" + url + "' class='edui-image-pic' />"),//去掉editor.options.imagePath,

【HTML5+MVC4】XhEditor网页编辑器图片上传

1.定义模板RichText.cshtml 文件路径:Views/Shared/EditorTemplates/ <textarea id="@ViewData.ModelMetadata.PropertyName" name="@ViewData.ModelMetadata.PropertyName" rows="30" cols="80" style="width: 96%">@Model&

百度开源富文本编辑器 UEditor配置:图片上传和文件上传独立使用方法

使用UEditor编辑器自带的插件实现图片上传和文件上传功能,这里通过配置UEditor单独使用其内置的第三方插件swfupload来实现图片和文件的上传,通过对UEditor配置轻松实现图片批量上传,文件披批量上传 第一步:先配置UEditor <script src="ueditor/ueditor.config.js"></script> <script src="ueditor/ueditor.all.min.js">&l

CKEditor5 + vue2.0 富文本编辑器 图片上传、highlight等用法

因业务需求,要在 vue2.0 的项目里使用富文本编辑器,经过调研多个编辑器,CKEditor5 支持 vue,遂采用.因 CKEditor5 文档比较少,此处记录下引用和一些基本用法. CKEditor5官网 https://ckeditor.com/docs/ckeditor5/latest/builds/guides/overview.html CKEditor5 引入 有四种编辑器可供下载,根据自己的需求选择,因为开发需求需要颜色笔,所以采用 Document editor. 如果之前有

Laravel项目中使用markdown编辑器及图片粘贴上传七牛云

本文为转载,原文:http://www.chairis.cn/blog/article/15 Markdown Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式.本次我们选用的编辑器是: Editor.md,官网中也有很详细的介绍.从官网中下载安装下载的内容中,也有很多demo可以借鉴.在下载的包中,去除一些多余的内容,只保留我们需要的内容,然后加到项目的public目录下,如下图红色框内的内容: 项目中使用 在项目中使用edit

ueditor单独调用图片上传

JS代码:注意放在页面的最下面,页面需要加载ueditor必备的2个js,放在页面的头部: ueditor/editor_all_min.js ueditor/editor_config_big.js var myEditorImage; var d; function upImage() { d = myEditorImage.getDialog("insertimage"); d.render(); d.open(); } myEditorImage= new UE.ui.Edit

Yii2结合webuploader实现图片上传

js中 uploader = WebUploader.create({ // 自动上传. auto : true, // swf文件路径 swf : 'webuploader/Uploader.swf', // 文件接收服务端. server : 'admin.php?r=goods/upload-img', //处理上传的URL …… } 发送到服务端处理,处理结束后,可返回json数据 这边,参数response接收,返回的json数据 uploader.on('uploadAccept',

uedit 富文本编辑器 图片上传 图片服务器

uedit设置 修改uploader 类   源代码这个注释 $url = "upimg.com/uploadImg.php"; $tmpName = $file['name']; //上传上来的文件名 $tmpFile = $file['tmp_name']; //上传上来的临时存储路径 $tmpType = $file['type']; //上传上来的文件类型 $folder = 'goods_uedit'; //存储路径 //执行上传 $data = json_decode($t