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版