百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

JSP引入ueditor解决视频回显 src链接丢失问题

yuyutoo 2024-10-12 01:13 6 浏览 0 评论

使用Ueditor 上传视频成功了 预览也可以 但在再次编辑回显内容 准备修改时 发现 视频的小logo 不见了,用查看html发现src根本就没有值 链接在保存的过程丢失了

工具/原料

  • myeclipse
  • ueditor

方法/步骤

  1. 这个问题困扰很久 ,上网查找 发现也有遇到这一同一问题
  2. ueditor 上传成功 预览成功 查看html 代码如下:
  3. <p><video class="edui-upload-video vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src="http://***/ueditor/jsp/upload/video/20170119/1484791682515095947.mp4" data-setup="{}"></video></p>
  4. 保存完 返回 回显再编辑时 就会出现:
  5. <p><video class="edui-upload-video vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src data-setup="{}"></video></p>
  6. 可惜 下面没有多少可解决问题的好方法

  1. 卡住了,只好乖乖的再去查看API 。
  2. 终于在 getContent()的方法中找到了点点踪迹;
  3. getContent()获取到的是经过编辑器内置的过滤规则进行过滤后得到的内容。
  4. 因为说明 在获取时,存在一个过滤的过程。 关键在于这个过滤!

  1. 查看资料得知 在ueditor.config.js 里存在白名单的设置。白名单里过滤掉了各种标签的属性。在重新编辑上传视频时,ueditor 会自动的将video转化为img

  1. 设置白名单。在配置文件ueditor.config.js 中,有默认过滤规则相关配置项目 找到whitList的位置(365行左右)。配置video和img过滤的标签名单。
  2. 其他的过滤项目可以根据自己的需求添加修改。设置完后,清除浏览器缓存 ,查看效果。


  1. 如果设置白名单的方法没有效果,可以简单粗暴的将默认过滤机制去掉,在ueditor.all.js中,找到函数UE.plugins['defaultfilter'] = function () {...}(plugin 编辑器默认的过滤转换机制 位于9967行左右)。
  2. 第一种 在函数里添加return; 所有过滤机制失效。
  3. 第二种 将case 'img' 部分的代码注释掉,不过滤img标签(再编辑时ueditor 会自动的将video转化为img)的情况。
  4. 如果引用的是 ueditor.all.min.js,需要对此做同样的修改。



  1. 设置完后,清除浏览器缓存 ,查看效果。打开html,路径存在!OK


  1. END

注意事项

  • 参考资料中放了些链接,希望对大家有用!不足之处请多多指教!

相关推荐

MATLAB实例讲解—求二元函数的极值

实例程序...

解析式大赛的获奖作品代码和公式公布啦!

上方超级数学建模可加关注传播数学干货,学会理性的方式去思考问题大家期待已久的运行代码终于新鲜出炉了!!!抱歉让各位粉丝久等了接下来就是揭秘奇迹的时刻1、emoji解析式:无代码:holdon...

基于MATLAB的ACC控制算法设计及仿真测试

作者...

MATLAB基础学习之坐标转换(matlab改坐标)

(一)平面坐标转换1.cart2pol:将笛卡尔坐标转换为极坐标;2.pol2cart:将极坐标转换为笛卡尔坐标;(二)立体坐标转换1.cart2sph:将笛卡尔坐标转换为极坐标;2.sph2cart...

Java NIO:从 Buffer、Channel、Selector 到 Zero-copy、I/O 多路复用

NIO...

「太极创客」零基础入门学用物联网 - MQTT篇 1-9 自我测试

到目前为止,我们已经掌握了MQTT通讯的基本流程以及如何使用ESP8266来发布和订阅MQTT消息。这节课我们来进行自我测试。...

用豆包改了一下午程序,感觉它聪明得超乎想象

之前低估了AI的聪明程度,AI持续学习下去,未来可以做的事情太多了,编程已经算是比较复杂的事情都能完成得这么好,那些项目计划、工作报告更是小儿科。今天用豆包改了几个程序,提出的BUG也能修改完成...

Node-Media-Server开源流行Nodejs流媒体服务器

简介Node-Media-Server一个Node.js实现的RTMP/HTTP/WebSocket/HLS/DASH流媒体服务器。开源github地址:https://github.com/il...

如何应对 RAG 开发挑战?12 个痛点逐一击破

受到论文《SevenFailurePointsWhenEngineeringaRetrievalAugmentedGenerationSystem》的启发,并结合实际开发RAG(检...

团队协作-代码格式化工具clang-format

环境:clang-format:10.0.0前言统一的代码规范对于整个团队来说十分重要,通过git/svn在提交前进行统一的ClangFormat格式化,可以有效避免由于人工操作带来的代码格式问题。C...

如何编写自己的Arduino库?(arduino怎么自己写库)

支持一对一答疑的购买地址...

Auto CAD 命令(A)(cad命令aaw)

ABOUT(命令)显示有关产品的信息。...

一文读懂设计模式,看这篇就够了(设计模式是干嘛的)

转载:javadoop.com/post/design-pattern一直想写一篇介绍设计模式的文章,让读者可以很快看完,而且一看就懂,看懂就会用,同时不会将各个模式搞混。自认为本文还是写得不错的,花...

ASL开发者指南:构建健壮高效的C++应用

1.库介绍AdobeSourceLibraries(ASL),现在由stlab维护,是一组专注于提供高质量、经过实战检验的C++组件的集合。它最初由Adobe公司开发,旨在解决构建...

linux下GDB使用方法(linux怎么用gdb调试)

gdb是GNU开源组织发布的一个强大的Linux下的程序调试工具。一般来说,GDB主要帮助你完成下面四个方面的功能:1、启动你的程序,可以按照你的自定义的要求随心所欲的运行程序。2、可让被调试的程...

取消回复欢迎 发表评论: