富文本编辑器Ueditor实战(四)-video集成

简介: 文章介绍了如何在springboot环境中集成ueditor,以及如何修改配置支持在富文本编辑器中直接预览视频资源。

   本文接上文富文本编辑器Ueditor实战(三)-springboot集成,上文留了一个小问题,ueditor中上传video存在一个问题,标签会被自动替换的问题。那么如何应对在富文本编辑器中上传视频呢?本文将回答这个问题。

   以下是未调整前的界面:

image.png切换至源码模式,你看到的代码如下:

image.png

我们期望的是在富文本编辑器中可以正常预览上传的视频,以上的代码再一次加载的时候,video会被替换掉以至于看不到真实的效果(video标签替换成img)。我们需要修改ueditor.all.js或者ueditor.all.min.js。


第一步,将7343、7344、7345这三行注释掉。

image.png

第二步、将17683行中最后一个字符串image改成video

image.png

第三步、将17769中image字符改成vedio

image.png

ueditor.all.min.js的修改方法也是一样的,重启后将看到视频上传的效果,如下:

image.png

通过以上的修改可完成视频资源的加载。到此ueditor的实战教程到此告一段落,希望对你有所帮助。

ueditor集成完整代码地址:https://gitee.com/yelangcode/boot-ueditor


目录
相关文章
|
12天前
|
存储 缓存 安全
LLM应用实战:当图谱问答(KBQA)集成大模型(三)
本文主要是针对KBQA方案基于LLM实现存在的问题进行优化,主要涉及到响应时间提升优化以及多轮对话效果优化,提供了具体的优化方案以及相应的prompt。
241 1
|
12天前
|
存储 自然语言处理 C++
LLM应用实战:当KBQA集成LLM(二)
本文主要是针对KBQA方案基于LLM实现存在的问题进行优化,主要涉及到图谱存储至Es,且支持Es的向量检索,还有解决了一部分基于属性值倒查实体的场景,且效果相对提升。
42 1
|
12天前
|
缓存 自然语言处理 知识图谱
LLM应用实战:当KBQA集成LLM
项目是关于一个博物馆知识图谱,上层做KBQA应用。实现要求是将传统KBQA中的部分模块,如NLU、指代消解、实体对齐等任务,完全由LLM实现,本qiang~针对该任务还是灰常感兴趣的,遂开展了项目研发工作
33 0
|
1月前
|
JavaScript Java 对象存储
Spring Boot集成Tinymce富文本编辑器
Spring Boot集成Tinymce富文本编辑器
|
1月前
|
jenkins Java 持续交付
实战指南:运用Jenkins实现Java项目的持续集成与自动化部署
【4月更文挑战第17天】Jenkins是一款强大的开源CI/CD工具,广泛用于Java项目的自动化构建、测试和部署。通过配置Jenkins环境、创建Job、设定构建触发器和步骤,实现持续集成和部署。集成Maven、Git等工具,确保代码质量并加速上线。持续部署阶段,Jenkins可将工件发布至远程服务器或云环境,实现高效、稳定的自动化流程。实践过程中,关注工作流优化、配置备份和服务器状态监控,以提升整体开发效率和软件质量。
|
1月前
|
资源调度 数据可视化 前端开发
基于mathlive从零将公式编辑器集成到可视化搭建平台
基于mathlive从零将公式编辑器集成到可视化搭建平台
72 0
|
1月前
|
Java 关系型数据库 MySQL
Shiro实战+springboot集成
Shiro实战+springboot集成
51 0
实战分享之springboot+easypoi快速业务集成2
实战分享之springboot+easypoi快速业务集成2
|
4天前
|
消息中间件 Java Kafka
集成Kafka到Spring Boot项目中的步骤和配置
集成Kafka到Spring Boot项目中的步骤和配置
25 7
|
4天前
|
druid Java 关系型数据库
在Spring Boot中集成Druid实现多数据源有两种常用的方式:使用Spring Boot的自动配置和手动配置。
在Spring Boot中集成Druid实现多数据源有两种常用的方式:使用Spring Boot的自动配置和手动配置。
29 5

热门文章

最新文章