ueditor百度富文本编辑器显示base64图片失效问题处理

最新推荐文章于 2024-05-06 11:47:22 发布
最新推荐文章于 2024-05-06 11:47:22 发布
阅读量1k 收藏 11
点赞数 10
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39258469/article/details/134712621
版权

1、记一下百度富文本编辑器显示base64图片失效问题处理，接口返回的html串中存在带base64的img标签通过

um.execCommand('insertHtml',content);

 插入数据后 查看html源代码后发现img标签被删除了

根据大佬的经历解决了这个问题 UEditor富文本编辑器无法显示base64图片_edui-editor 不识别base64_kis_me的博客-CSDN博客

原因是因为ueditor.all.js中的一段逻辑

将这段逻辑注释后 base64图片在富文本编辑器中即可正常展示了

一只没爱的猫
关注
  • 10
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ueditor 插入图片时 url改为base64
laokaizzz的专栏
08-17 1087
umeditor.js修改 UM.commands['insertimage'] = { execCommand:function (cmd, opt) { opt = utils.isArray(opt) ? opt : [opt]; if (!opt.length) { return; } var me = this; var html = [], str = '', ci;
泛微OA系统 ecology 让 ueditor编辑器识别BASE64 图片
xocom的专栏
12-20 1137
跟踪对应的JS文件   找到JS文件内容部分，删除不必要代码 上面图片太难看了（不过服务器上压缩的JS就是如此。。。），来一段优雅的JS： 注意是注释掉以下部分 case 'img': //todo base64暂时去掉，后边做远程图片上传后，干掉这个 ...
UEditor富文本编辑器无法显示base64图片
kis_wuyan的博客
11-23 1149
开发中，发现无法回显base64图片数据，经测试，非数据问题，那就是代码问题，万能百度~ 咻 一万行多点的位置，注释掉，保存，解决
本地图文直接复制到百度UEditor编辑器中
Mr_Zang666的博客
05-08 100
/在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象。//如下代码：e.originalEvent.clipboardData.items获得剪贴板的内容。//如果有文字的话不做任何的处理，如果只粘贴图片的话文本一定是空的，包括复制的桌面图片或者截图的图片。//当粘贴了文本之后text是不为空的，同时也会返回当前文本的图片类型。//为了兼容4种格式的情况，做了如下的判断。
在百度UEDITOR上粘贴从WORD中COPY的图片和文字 图片无法显示的问题
最新发布
weixin_52041354的博客
05-06 939
从WORD中复制内容包含图片到百度编辑器中，从WORD中复制内容包含图片到百度ueditor中，从WORD中复制内容包含图片到百度富文本编辑器中，从WORD中复制内容包含图片到ueditor编辑器中，要求能够保留word文档里面的内容样式，比如字体，字号，颜色，表格边框等。公司这边有几点需求，一个就是需要提供产品的完整源代码，公司这边有自己的产品，客户数量比较多，需要希望能够自主维护，之前也踩过坑，用了开源的方案，但是现在这个开源的方案没有人维护了，官网也打不开了，影响了公司这边的产品线，
Vue项目玩转Ueditor（百度富文本编辑器），解决图片需要上传服务器的问题，将图片转存base64字符串。
小马哥的博客
11-06 5639
文章目录1. 场景描述2. 问题描述3.较为流行的几个富文本编辑器比较3.1、wangEditor3.2、百度的ueditor3.3、KindEditor3.4、bootstrap-wysiwyg3.5、QuillEditor4.Ueditor的集成 1. 场景描述 最近在做一个网站，里面有发布文章的功能。需要使用到富文本编辑器来发布文章。 实现思路： 富文本编辑排版=》转存html=》服务器存储为txt文件=》数据库存储访问地址=》 前端访问后台服务拿到访问地址=》请求url拿到文章内容=》渲染到页面。
Ueditor拖拽图片转base64
FYW_wu的专栏
06-13 6990
ueditor中拖拽图片，默认的是会上传到服务器，然后根据服务器返回的结果来生成一般的<img>标签。 那么我需要实现拖拽图片，生成的是srcData形式的<img>标签。 1、在uedit的初始化参数中增加一个做convertImageToBase64Enable。用来控制是按照原来的方式上传还是用转换成base64的形式来处理图片。 2、修改autouploa...
ajax提交base64图片丢失
夜听雨打叶的博客
11-10 766
在最近的项目中，有一个用户上传头像的功能，使用的是前端解析图片为base64的url后，提交到后台然后再生成图片保存，使用的是form表单提交，图片裁剪完的base64直接放到隐藏的input标签value里 刚开始在PC端测试都还挺正常的，后来用ios和android上传的图片都有问题，不是缺失一块就是后台直接报错base64url不完整 刚开始还以为是平台兼容性的问题，后来打印base64的长度后发现前后台长度不一样，前台显示80w+的长度，传到后台只有40w+ 然后打印input标签
Java踩坑笔记 —— base64转换为图片后图片显示不全
Marinda_Speed的博客
08-13 5991
最近在开发项目中，发现base64转换图片时，出现了图片显示不全，例如如下这样可以明显看到图片部分地区被遮挡。
UEditor base64编码的图片无法在编辑框中显示
李木子的博客
08-21 5994
修改ueditor.all.js，将代码注释掉即可（大概位置在10000行左右）
uEditor上传图片成功，保存后打开无法显示
weixin_30568591的博客
08-29 721
保存时保存的内容有问题： var Text = UE.getEditor('editor').getContent();这样保存，图片显示 var Text = UE.getEditor('editor').getContentTxt();这样保存，图片不显示 转载于:https://www.cnblogs.com/DoudouZhang/p/7448747.html...
Ueditor 富文本编辑器及图片转换.zip
08-07
项目中使用富文本编辑器编辑更多内容时，图片输出默认情况下为base64编码格式，需转换为需要的网址格式，且上传图片到指定地址等；
百度UEditor自定义上传图片存储路径为本地路径
07-16
百度UEditor自定义上传图片存储路径为本地路径的Java改后的代码。自己项目需要修改后测试过的。
【小程序】小程序开发中背景及图片图片失效处理……
一只小网虫的博客
06-25 1026
【问题记录】记录小程序中图片失效等问题……
【vue】 Tinymce 富文本编辑器 不想让上传的图片转换成base64，而是链接
amoureux555的博客
07-31 1457
【vue】 Tinymce 富文本编辑器 不想让上传的图片转换成base64，而是链接
百度Uditor富文本编辑器使用以及图片不显示问题
热门推荐
Mr.Alias
03-06 1万+
最近在编写项目时，需要一个富文本来编辑博客文章或者评论，而百度的UEditor是比较不错的富文本编辑器，操作流程相对容易。于是选择百度的UEditor进行使用。但是也遇到一些问题。官文文档地址：http://fex.baidu.com/ueditor/#server-video 里面包括使用教程等等步骤。UEditor后端支持PHP、ASP、ASP NET 、JSP的使用，这里我使用的是JSP。J...
.net 保存base64 图片_ueditor实现ctrl+v粘贴word图片并上传
weixin_39989980的博客
11-25 207
图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码目前限chrome浏览器使用，但是项目要求需要支持所有的浏览器，包括Windows和macOS系统。没有办法在网上搜了很多资料终于找到一个产品：WordPaster。浏览器方面能够支持ie6,ie7,ie8,ie9,ie10,chrome,firefox,edge几乎所有的浏览器。编辑器基本上也是全部都支持...
tinymce 富文本编辑器上传二进制图片（如果使用base64在图片数量多的情况下，编辑会变得明显卡顿）
hzxOnlineOk的博客
01-06 1694
package.json { "private": true, "scripts": { "start": "roadhog server", "build": "npm run lint && roadhog build", "lint": "standard src/**/*.js && stylelint src/**/*.css", "precommit": "npm run lint" }, "dependenc.
UEditor 百度富文本编辑器使用 遇到问题
weixin_60968779的博客
07-27 1595
小小吐槽 碰到前后不分离项目，富文本使用的UEdtior。
Django项目集成与配置Ueditor富文本编辑器
Ueditor是一个流行的开源富文本编辑器，提供多种工具栏选项，支持图片、文件等上传。 首先，我们需要安装DjangoUeditor。这可以通过复制DjangoUeditor3-2.0到项目目录下，然后在该目录下使用`pip setup.py install`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值