vue2.0集成ueditor以及图片上传，视频上传总结

最新推荐文章于 2024-08-04 17:59:45 发布

置顶

轨迹257

最新推荐文章于 2024-08-04 17:59:45 发布

阅读量1.4w

点赞数

分类专栏： vue相关总结文章标签： vue ueditor vue图片上传多图上传视频上传

本文链接：https://blog.csdn.net/a4_9527/article/details/78813495

版权

本文介绍了在Vue项目中集成UEditor的步骤，包括将UEditor目录放入static，安装vue-ueditor依赖，将其封装为组件，并实现图片和视频上传功能。图片上传采用自定义按钮实现，视频上传支持外链和本地视频，本地视频限制100M，目前使用七牛上传，但未实现分片上传优化。

摘要由CSDN通过智能技术生成

前段时间因业务反馈现有编辑器wangEditor功能没有百度编辑器

ueditor的工能全，需要在后管项目(技术栈：vue全家桶，UI框

架:MUSE Element UI)中引入ueditor，以及后续版本迭代的图片上传，支持多

图上传和视频上传(支持本地视频和外部视频上传)功能等：

1.将ueditor整个目录文件放入static目录下

2.通过yarn安装依赖vue-ueditor

3.由于ueditor会在很多页面，于是将ueditor抽离成一个单独组件去维护

4.在组件中使用ueditor相关api,页面引入ueditor,

<VueEditor :ueditorPath="path" @ready="editorReady" :ueditorConfig="editorConfig" > // 相关api可以在npm参考vue-ueditor 使用方法

5.ueditor对象的相关api大家可以参考uedi

关注

专栏目录