Ueditor富文本编辑器修改图片上传路径

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/QZPHP_L

由于网站后台使用Zend framework开发，网站前台使用ThinkPHP3.2开发，所以后台的富文本编辑器图片上传目录出现了一些小小的错误。

在富文本编辑器中上传提示创建目录失败

经过查询资料，发现问题出现在自动创建目录失败，需要手动创建缺失的目录，并给目录一个777的权限。
文件的具体目录需要修改ueditor/php/Uploader.class.php中，具体修改如下图所示

/*  $this->stateInfo = $this->getStateInfo("ERROR_CREATE_DIR"); */
$this->stateInfo = $dirname;

创建完成对应目录后，通过前台发现上传的图片无法正常显示，通过控制台发现是因为图片的src路径不正确。
这里我用JS先获取了图片的src后，再赋值一个新的src，使图片可以正常显示

var old = $('.detail-text p img').attr('src');
$(".detail-text p img").attr("src","http://xxx.xxx.xxx"+old);

Ueditor富文本编辑器修改图片上传路径相关推荐

vue3中使用vue-quill富文本编辑器重写图片上传功能
最近开发的一个vue3+element-plus的项目,需要用到富文本编辑器,最终选择了VueQuill这一款轻便型的富文本编辑器. 说说遇到的问题:富文本编辑器的图片上传,默认是直接以base64图 ...
edui 富文本编辑_改造百度UMeditor(UEditor-min)富文本编辑器的图片上传功能
最近项目需要新增一个发布文章的模块,用的是百度的Ueditor富文本编辑器. 公司用的是阿里云的图片服务器,需要直接把文章中图片上传到服务器上,但是这个编辑器的上传图片是直接上传到Tomcat的根目录 ...
使用 SpringBoot + Ckeditor 富文本编辑器、图片上传
一.前言在一些页面中,进行发表文章.评论等功能,都要涉及到富文本编辑器, 如 CSDN 的 markdown 编辑器使用传统的 textarea 标签是远远满足不了需求的, 现在流行的富文本编辑 ...
关于移动手机端富文本编辑器qeditor图片上传改造
日前项目需要在移动端增加富文本编辑,上网找了下,大多数都是针对pc版的,不太兼容手机,当然由于手机屏幕小等原因也限制富文本编辑器的众多强大功能,所以要找的编辑器功能必须是精简的. 找了好久,发现qed ...
vue-quill-editor富文本编辑器及图片上传到服务器
最近在做后台管理平台,该项目是使用vue+element-ui框架,有一个界面就是关于消息推送的,在网上找了一圈,比较适合的就是vue-quill-editor富文本编辑器 1.需求完成图: 此项目就 ...
百度Ueditor富文本编辑器修改上传图片的默认路径绝对能用，并且回显，并且超级简单，超级详情,有用点赞好评！
最近做一个项目,项目做完了,再部署的时候,人家要求webapps不能存放图片什么的,因为如果变更,就图片什么就没了,好了现在开始修改. 当初做这个功能的时候,查了很多,感觉都是神仙,代码各种不全,完成 ...
quill富文本编辑器自定义图片上传
github老哥的代码 const editor = new Quill('#quill-editor', {bounds: '#quill-editor',modules: {toolbar: th ...
springboot 整合文本编辑器（图片上传）
Ueditor 文件上传配置: ueditor.config.js serverUrl:填写自己的路径 jsp->config.json: imageActionName:填写自己写的文件上传的 ...
JavaWeb富文本编辑器与文件上传
目录一.富文本编辑器 1.下载富文本编辑器 2.富文本编辑器的应用二.文件上传文件上传必须要注意的规则: 文件上传案例文件夹的访问一.富文本编辑器富文本编辑器在项目中很常见,它可以将文本, ...

Ueditor富文本编辑器修改图片上传路径

Ueditor富文本编辑器修改图片上传路径

在富文本编辑器中上传提示创建目录失败

Ueditor富文本编辑器修改图片上传路径相关推荐

最新文章

热门文章