vue中ueditor单张图片上传contentChange不调用的解决办法总结

最新推荐文章于 2024-04-18 15:00:06 发布
最新推荐文章于 2024-04-18 15:00:06 发布
阅读量3.8k 收藏 1
点赞数 2
分类专栏： 工作总结 文章标签： ueditor图片上传 vue开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jerrica/article/details/80626363
版权

将ueditor组件化到vue.js项目中，当调用组件后，绑定ready函数，监听contentchange如下图：

 

 

当内容变化时，获取变化复制到data中，没有问题，可是在单张图片上传时，在图片上传过程中调用了函数，图片上传成功后，没有变化，所以，导致了出现数据库中只存入了“正在上传”的HTML，

修改方法：

找到

 

Ueditor.all.js文件中单文件上传函数

 

在loading并remove之后手动加入insertHTML空格代码，之后，搞定，单图片上传获取成功

Jerrica
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
ueditor单图上传iframe跨域_UEditor单图上传（simpleupload）跨域问题解决方案
weixin_39654322的博客
02-11 471
代码实现首先我们需要在ueditor.all.js文件中找到原本的单图上传部分的代码搜索关键字simpleupload，如下图所示：然后找到上传图片的代码片段，如下图所示：然后把domUtils.on的input 绑定的事件注释掉或删除掉替换成以下代码:input.onchange=function(){if(!input.value)return;varloadingId=...
VUE + UEditor 单图片跨域上传功能的实现方法
08-28
VUE + UEditor 单图片跨域上传功能的实现方法 VUE + UEditor 单图片跨域上传功能的实现方法是前端开发中一个常见的需求， especially when working with Vue.js and UEditor. 在这篇文章中，我们将介绍如何实现 VUE...
Vue项目玩转Ueditor（百度富文本编辑器），解决图片需要上传服务器的问题，将图片转存base64字符串。
小马哥的博客
11-06 5601
文章目录1. 场景描述2. 问题描述3.较为流行的几个富文本编辑器比较3.1、wangEditor3.2、百度的ueditor3.3、KindEditor3.4、bootstrap-wysiwyg3.5、QuillEditor4.Ueditor的集成 1. 场景描述 最近在做一个网站，里面有发布文章的功能。需要使用到富文本编辑器来发布文章。 实现思路： 富文本编辑排版=》转存html=》服务器存储为txt文件=》数据库存储访问地址=》 前端访问后台服务拿到访问地址=》请求url拿到文章内容=》渲染到页面。
Vue项目玩转Ueditor（百度富文本编辑器），解决图片需要上传服务器的问题，将图片转存base64字符串。_ueditor图片base64存储
最新发布
2401_84297899的博客
04-18 719
这个功能是真的蛮贴心的，但是对于新手来说，就有点不太适合。
ueditor单独调用图片上传
自强不息
05-09 319
很多人在问ueditor，如何单独使用图片上传功能，但是网上没有一篇能用的文档，没办法，我刚好也需要这个功能，花了3天时间（本人水平太菜，哎）终于知道怎么处理了，发出来给大家共享： 效果如下： 页面效果： 点击上传图片： 上传图片，点确定： 获得上传图片的路径，并赋值给input： Ok，效果就这样。 具体实现也非常简单： JS代码：注意放在页面的最下面，页面需...
教你如何调用百度编辑器ueditor的上传图片、上传文件等模块
weixin_30588907的博客
07-12 150
出于兴趣爱好，前段时间自己尝试写了一个叫simple的cms，里面使用了百度ueditor编辑器，发现它的多图片上传模块很不错，用起来很方便，又可以选择已经上传好的图片。正好我又是个懒人，发现有现成的自己就不想新开发了。于是我就想，是不是可以调用这个上传模板为自己所用呢？ 有了这个想法后，我就到网上查阅资料，可惜资料少的可怜，都不能很好解决我的问题。于是觉得还是自己动手丰衣足食，皇天不负苦心人，...
使用ueditor实现单独的图片上传功能
chenhq_的博客
10-26 5863
从网上找到的一种方法，代码如下： /* * 配置： * 1. 修改ueditor.config.js 中的路径 * 2. 添加ueditor.jar 和commons-fileupload-1.2.2.jar 到lib更好 * 3. 如果为strut2集成，则需要添加过滤器继承原有的过滤器，对imageUp.jsp进行过滤 * 4. 如果单独使用工具类，则建议使用script的方式，不
如何调用百度编辑器ueditor的上传图片、上传文件
leon-这个程序员不闷骚的博客
01-04 8122
教你如何调用百度编辑器ueditor的上传图片\上传文件 html> head> scriptsrc="ueditor/ueditor1.43.config.js">script> scriptsrc="ueditor/ueditor1.43.all.min.js">script> head> body>
解决Vue使用UEditor百度编辑器，上传图片服务配置问题（源码）
01-05
以上就是解决Vue使用UEditor上传图片服务配置问题的基本步骤。记得在实际应用中，根据项目需求调整配置，并确保后端接口能够正确处理图片上传请求。通过Vue-UEditor组件，你可以在Vue项目中轻松集成并定制UEditor，...
vue项目中应用ueditor自定义上传按钮功能
08-27
Vue项目中应用ueditor自定义上传按钮功能 本文主要介绍了Vue项目中应用ueditor自定义上传按钮功能，通过以Vue-cli生成的项目为例，讲解了Vue项目中使用ueditor的方法。 一、ueditor的基本使用 ueditor是一款功能...
Spring+Vue整合UEditor富文本实现图片附件上传的方法
08-25
Spring+Vue整合UEditor富文本实现图片附件上传的方法是指将UEditor富文本编辑器集成到Spring和Vue项目中，以实现图片附件上传的功能。下面将详细介绍这个方法的实现步骤和关键技术点。 UEditor富文本编辑器 ...
ueditor-change:ueditor编辑器非原始版增加功能
03-23
ueditor-change:ueditor编辑器非原始版增加功能
整合UEditor上传单张或多张图片
reg183的专栏
08-31 304
https://download.csdn.net/download/chendongpu/21760900
【ngx-ueditor】百度编辑器按下Shift键不触发contentChange事件
weixin_30500289的博客
08-01 244
背景：基于Angular 6，引入ngx-ueditor 发现现象：如果以Shift键+任意键结尾，则ngModel会丢失包含shift键的字符 例如：输入“ABC+AB++++”，则ngModel中只能获得“ABC+AB”，丢失最后的几个+号 原因：按下Shift键不触发编辑器的contentChange事件， 但如果输入...
百度编辑器ueditor，文本内容实时改变事件，类似oninput
小熊猫
01-30 2241
HTML <textarea id="demo" name="Contents" style=" display:<% =strisedit%>;" ><%=ZISIModel!=null?ZISIModel.Contents.ToString():"" %></textarea> var layer; var ue; layui.use(['layer'], function () { la.
ueditor单图片上传没有触发afterinsertimage事件
qq_16226893的博客
03-25 7957
ueditor单图片上传没有触发afterinsertimage事件
UEditor单个图片上传遇到的问题记录
QDY5945的博客
10-17 270
查看了ueditor.all.js得源代码发现单图片上传是在选择文件输入框change事件执行表单Submit，但是出现一个问题请求头没有加入Cookie，导致后端身份认证失败，上传最终失败。 ...
解决Ueditor中按下Shift键再按其他键不触发contentChange事件的问题
DaveLeeCN的博客
10-19 2306
 研究了几个网页的富文本编辑器，最后还是百度的Ueditor功能最全，虽然界面不是很美观，但是还是选择了它。 今天突然发现了一个问题：在使用Shift组合键输出字母或者符号的时候，不用触发Ueditor的contentChange事件，多试了几次，都是这样，只好百度，结果找到了解决的办法：https://tieba.baidu.com/p/4230693833?red_tag=087747399...
VUE中使用UEditor上传图片后如何回显
05-18
在使用UEditor上传图片后，可以通过以下步骤将图片回显到页面中： 1. 在UEditor配置文件中配置上传图片成功后的回调函数，如： ```javascript UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值