富文本编辑器Ueditor实战(四)-video集成
【摘要】 文章介绍了如何在springboot环境中集成ueditor,以及如何修改配置支持在富文本编辑器中直接预览视频资源。
本文接上文富文本编辑器Ueditor实战(三)-springboot集成,上文留了一个小问题,ueditor中上传video存在一个问题,标签会被自动替换的问题。那么如何应对在富文本编辑器中上传视频呢?本文将回答这个问题。
以下是未调整前的界面:
切换至源码模式,你看到的代码如下:
我们期望的是在富文本编辑器中可以正常预览上传的视频,以上的代码再一次加载的时候,video会被替换掉以至于看不到真实的效果(video标签替换成img)。我们需要修改ueditor.all.js或者ueditor.all.min.js。
第一步,将7343、7344、7345这三行注释掉。
第二步、将17683行中最后一个字符串image改成video
第三步、将17769中image字符改成vedio
ueditor.all.min.js的修改方法也是一样的,重启后将看到视频上传的效果,如下:
通过以上的修改可完成视频资源的加载。到此ueditor的实战教程到此告一段落,希望对你有所帮助。
ueditor集成完整代码地址:https://gitee.com/yelangcode/boot-ueditor
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)