UEditor富文本编辑器整合经验分享（二）

最新推荐文章于 2024-03-04 19:53:14 发布

景天

最新推荐文章于 2024-03-04 19:53:14 发布

阅读量1.3k

点赞数

分类专栏： web前端文章标签： javascript ueditor

本文链接：https://blog.youkuaiyun.com/lixinyao5281/article/details/78952793

版权

本文详细介绍了如何整合UEditor的高级功能，包括涂鸦后生成图片的上传、存储、显示，以及视频和音频文件的上传、存储和在线播放。文章通过配置ueditor.config.js、scrawl.js、webuploader.js、video.js和后台代码，展示了实现这些功能的关键步骤和注意事项。同时，文章还纠正了上篇博文关于附件上传的错误，确保视频上传功能的正确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、引言

12月23日在博客上给大家分享了一篇《 UEditor富文本编辑器整合经验分享(整合至SpringMVC）》文章(http://blog.youkuaiyun.com/lixinyao5281/article/details/78878774)，主要内容是介绍了一下UEditor整合及使用，解决了图片上传、图片回显、文件上传、文件下载等大家常关心的富文本应用的问题，至于扩展问题，比如涂鸦、视频、音频播放这些更高级的内容并未涉及，今天本文主要来探讨一下这几个高级一些的UEditor功能的整合使用，及前后台代码的关键点。本文解决的主要问题是UEditor涂鸦后生成图片上传、存储、页面显示和视频、音频文件（如mp4,mp3等）上传、存储、页面在线播放的功能。