ueditor（vue-ueditor-wrap）集成秀米全过程以及遇到的问题

最新推荐文章于 2025-02-20 10:42:42 发布

sqy7922

最新推荐文章于 2025-02-20 10:42:42 发布

阅读量1.7k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/sql65432/article/details/116485427

版权

本文介绍了如何在Vue项目中使用vue-ueditor-wrap集成ueditor，并详细记录了集成秀米UI的过程，包括下载资源、引入配置、修改文件以及解决路径、遮盖和uParse报错等问题的步骤。同时提供了相关参考资料链接。

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

1.ueditor（vue-ueditor-wrap）集成秀米踩坑记录
链接如下：
https://www.jianshu.com/p/af5e935ea506

第一选择肯定是打开ueditor官网地址看下文档吧

image
？？？？？？

然后去github https://github.com/fex-team/ueditor，哦，已经放弃治疗了

image
先按照教 readme 试试水，下载1.5.0版本代码，结合某些古代的博客，先main.js引入这个，然后引入那个。问题来了，代码中没找到这些文件，脸更黑了。

呵，好吧，由于水平太菜，接着百度，幸运的是，找到一颗好乘凉的大树 vue-ueditor-wrap，有大佬封装了，看着大佬代码开整。

干货

安装使用 vue-ueditor-wrap
npm i vue-ueditor-wrap 或者 yarn add vue-ueditor-wrap

下载 UEditor 资源文件
我是用的这个大神的，https://github.com/HaoChuan9421/vue-ueditor-wrap-demo，直接拿到他的static下的UEditor文件夹(1.4.4.3)，有dmeo可以参考可以省好多力气

当然你也可以去vue-ueditor-wrap这个大神的git中下载

下载完成以后，将UEditor文件夹放在public文件夹下(因为我是vue-cli4版本，其他版本根据情况放在static中还是public中)

引入 UEditor 资源
在main.js中依次引入

  // 要按顺序
  import '../public/UEditor/ueditor.config.js'
  import '../public/UEditor/ueditor.all.min.js'
  import '../public/UEditor/lang/zh-cn/zh-cn.js'
  import '../public/UEditor/ueditor.parse.min.js'
  //上面提到的 1.5.0版

最低0.47元/天解锁文章