[踩坑]ueditor上传单个视频不能保存、不能换行继续编辑的问题

最新推荐文章于 2022-08-25 15:53:15 发布
最新推荐文章于 2022-08-25 15:53:15 发布
阅读量1.2k 收藏 3
点赞数
分类专栏： 踩坑小记 文章标签： ueditor富文本编辑器 上传视频 视频不能保存 上传视频不能编辑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44945942/article/details/100702652
版权

由于项目需要，用到了ueditor富文本编辑器。

在此先感谢一下ueditor大大，比对了好几家编辑器，发现完美的ueditor是最能满足我们项目需求的。

但是在使用的过程中发现，单独上传一个视频之后，不能再次获取光标，因此也不能进行换行以及继续编辑。

更有甚者，单独上传一个视频，保存时内容为空

在这里插入图片描述
在这里插入图片描述
解决方法：
在ueditor.all.js中，检索到creatInsertStr方法

1.在case 'video’里面增加换行符

此方法能成功解决上传视频后不能换行以及继续编辑的问题
在这里插入图片描述

2.在case 'video’里面增加隐藏标签、隐藏内容

此方法能成功解决上传单个视频保存内容为空的问题。

这个方法不是很完美，但是也算是曲线救国吧。
在这里插入图片描述
-----------------以上是来自本菜鸟的踩坑小记，欢迎指教，不喜勿喷-----------------------------

潜水的小蝎~
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html文本修改后无法保存,完美解决ueditor html、代码片段保存后不能正常回显问题...
weixin_35075740的博客
06-03 884
最近在素材溜溜文章板块集成百度ueditor富文本编辑器时，入库保存后是HTML、代码内容，但是在回显的时候却不能正常显示，很是郁闷。在百度了一圈后都没有很详细的解决方案。费劲一些周章后终于解决了，下面记录一下，希望帮助他遇见同类问题的朋友。原因：入库是HTML、代码片段内容，回显时内容中的特殊字符(如‘下面看看怎么解决：1、入库时前端进行base64转码后传入后端：从IE10+浏览器开始，所有浏...
UEditor编辑器兼容音频上传
01-04
UEditor 是一套开源的在线HTML编辑器，UEditor编辑器增加了音频独立上传功能，下载后直接放到自己项目的静态资源目录下即可
ueditor 在上传视频之后，编辑页面。回填视频内容。显示空白。其实查看html是有视频的，就是显示空白。
肖肖肖丽珠的博客
07-17 1265
ueditor.all.js文件， 大概：7345,7346,7347行） 把html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'image')); 改成html.push(creatInsertStr( vi.url, vi.width || 420, vi....
百度富文本编辑器视频上传编辑之后不保存
qq_36249659的博客
06-05 736
https://blog.csdn.net/yingjia11/article/details/78472261
UEditor 解决拖拽视频元素改变视频尺寸时，无法保存视频尺寸问题的解决方法
ForeverCjl的专栏
05-12 3349
UEditor虽然强大，但是bug还是蛮多的。比如插入视频元素后，拖拽视频去缩放尺寸，编辑器并没有将实际的尺寸保存下来。当你点击HTML按钮查看源代码时，width和height还是原来的值，再次点击此按钮回到正常状态，缩略图又回到原来的大小了。     翻源代码翻了蛮久，终于把这个问题解决了。问题就出在插入视频后创建视频HTML字符串和HTML字符串与可视化编辑层转化的地方。  
vue2+wangEditor5富文本编辑器（图片视频上传）并加锚链接
深渊那支花的博客
08-25 4271
vue2+wangEditor5富文本编辑器（图片视频上传）并加锚链接
ueditor编辑器的坑（视频空白/保存无数据/无法删除/不能插入百度动态地图/有序列表显示问题）
龚清林的博客
02-08 1万+
ueditor编辑器的坑（视频空白/保存无数据/无法删除/不能插入百度动态地图/有序列表显示问题）
解决Ueditor无法输入的问题
qq_20304063的博客
09-14 2068
今天用bootstrap配合ueditor编辑时，出现无法编辑的情况 避免再次踩坑留个记录 注意修改initialFrameWidth属性，如果要设置自适应宽度将initialFrameWidth:true修改未initialFrameWidth:'100%'
ueditor编辑器不能上传图片问题的解决方法
10-24
主要介绍了ueditor编辑器不能上传图片问题的解决方法,需要的朋友可以参考下
Easyui ueditor 整合解决不能编辑的问题(推荐)
01-21
[removed][removed] [removed][removed] ...link href=editor/themes/default/ueditor.css rel=external nofollow rel=stylesheet type=text/css /> <textarea id=content name=content style=wi
百度富文本编辑器ueditor上传图片宽高超范围问题
06-08
百度ueditor上传图片超范围后有两个问题，一是编辑器里图片显示不完整，二是添加图片后的网页在显示时也会超出网页不好看。想让它自适应100%，网上的方案能解决第一个问题，基本没有第二个问题的方案，经过多次测试...
Ueditor1.4.3视频上传成功，但是重新编辑时无法打开或在文本框内无法显示
jock800的博客
10-12 1516
1. 编辑 ueditor.config.js 第365行 将 whitList 改为 whiteList 2.编辑ueditor.all.js 注释掉7343、7344、7345行代码，即：           var root = UE.htmlparser(html);           me.filterInputRule(root);           html = root.t...
百度ueditor 视频编辑问题以及图片跟视频居中报错问题解决
ilywhax的专栏
06-21 5125
请修改ueditor.config.js  里面的白名单设置。由于白名单里面过滤掉了各种标签的属性，到时样式跟id之类的被清空了。 img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass','style', 'class', '_url'],   当重新编辑上传的视频的时候，ueditor
UEditor编辑器设置内容只读（不可编辑）
DuanQingCI的博客
01-09 1万+
HTML代码： &lt;script type="text/plain" id="editor" name="solcontent" style="height: 500px;width:800px"&gt;${smsServiceSolutionprogram.solcontent}&lt;/script&gt; Jquery代码： $(function(){ var ue
百度编辑器Ueditor，上传视频后编辑时src丢失，已解决
kingch_ban的专栏
03-23 1028
如图， 上传视频后保存，并重新编辑改文章时，video中的src被过滤掉了，折腾了好久，网上都说是在ueditor.config.js的whitList中添加'_src', '_url'，经过几番验证都没有用。 正在的问题是在whitList这个单词本身，应该是whiteList，修改后就正常了。 如下图： ...
解决百度ueditor富文本编辑器不能插入视频的问题/src掉链/src清空，不能显示视频
热门推荐
qq_34787830的博客
07-13 1万+
如果你嫌弃自己配置比较麻烦，出现各种奇奇怪怪的问题你下载我 这个文件 加入到你的项中， 只 需要 修改 项目名称 就可以 运行 地址https://download.csdn.net/download/qq_34787830/10363771 直接下载到的百度富文本编辑器当插入优酷/腾讯视频的时候会自动清掉src，不显示视频 造成这样的原因是: 百度富文本...
修复百度编辑器插入视频的bug，可实时预览视频，可修改到支持手机查看视频
amberom的专栏
12-16 582
站在前人的肩膀上我们就可以站的更高，看得更远。 所以，请在 ueditor.config.js中搜索 whitlist , 在后面加入 source: ['src', 'type'], embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play', + 'autoplay','loop', 'menu', 'allowscriptaccess',
vue判断页面是否加载完成后，执行事件
weixin_44945942的博客
09-04 1万+
很多时候用this.$nextTick并不能满足需求 通过定时器，判断document.readyState的状态来执行事件 var _this = this var timer = setInterval(function () { // 判断文档和所有子资源(图片、音视频等)已完成加载 if (document.readyState === 'complete') { //执行方法 _this.fn() window.clearInterv
ueditor 上传图片,imagePathFormat 不能用虚拟目录
最新发布
06-03
是的，ueditor的`imagePathFormat`配置项默认是不支持虚拟目录的，需要进行一些修改才能够支持。 具体的做法是，在ueditor的`config.json`配置文件中，找到`imagePathFormat`配置项，修改其值为如下格式： ``` "imagePathFormat": "/Uploads/{yyyy}{mm}{dd}/{time}{rand:6}" ``` 其中，`/Uploads/`为你想要保存上传图片的虚拟目录路径，`{yyyy}`、`{mm}`、`{dd}`等为时间格式化参数，`{time}`为时间戳，`{rand:6}`为6位随机数。 然后，在ueditor的后台处理程序中，将`imagePathFormat`中的虚拟目录路径转换为物理路径，例如： ``` var pathFormat = "/Uploads/{yyyy}{mm}{dd}/{time}{rand:6}"; var savePath = pathFormat.replace(/{([^}]*)}/g, function (match, key) { var value = ""; switch (key) { case "yyyy": value = date.getFullYear(); break; case "mm": value = date.getMonth() + 1; break; case "dd": value = date.getDate(); break; case "time": value = date.getTime(); break; case "rand": value = Math.floor(Math.random() * 1000000); break; } return value.toString(); }); savePath = savePath.replace(/^\/Uploads\//i, Server.MapPath("~/Uploads/")); ``` 这样就可以将上传的图片保存到虚拟目录中了，并且在ueditor中正常显示。需要注意的是，需要在服务器上配置好相应的虚拟目录，以确保上传文件的正确保存和访问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值