Vue项⽬中最简单的使⽤集成UEditor⽅式是百度开发的组件
我使⽤的是前端⼤佬封装的vue-ueditor-wrap插件，结合ueditor本⾝的压缩包开发的。
1.下载vue-ueditor-wrap:
npm install vue-ueditor-wrap -S
说明：下载这个插件对vue使⽤⽅便，有双向数据绑定的优势，操作相对⽅便点
2.下载ueditor官⽅提供的压缩包：
3.将下载好的官⽅压缩包放到static下⾯：
这⾥要说明：项⽬如果使⽤的是vue-cil2.0版本的，就放到static，若为vue-cil3.0版本的，就放到public⽂件夹下 4.在组件⾥引⽤ueditor并且使⽤：
引⽤：
使⽤组件：
ueditor的⼀些参数配置：
form:{descs:"",
},
myConfig:{
serverUrl:'',
autoHeightEnabled:false,
autoFloatEnabled:false,
initialFrameHeight:340,
initialFrameWidth:'100%',
enableAutoSave:true
},
myConfig:{
serverUrl:'',
autoHeightEnabled:false,
autoFloatEnabled:false,
优秀的富文本编辑器initialFrameHeight:340,
initialFrameWidth:'100%',
enableAutoSave:true
},
说明：1.上传⽂件⼀定要和后台商量好接⼝地址，要不然⽆法上传还会报错：
2.单张图⽚⽆法上传问题，建议使⽤最新版的ueditor压缩包，新版的解决了这个问题5.ueditor编辑器添加成功：
/以上是其他博客写的/
UE的⽂件⼀定要放对，名称⼤写
打包vue后 报错路径不对，解决⽅案如下：
最后放弃了这个⽅案使⽤了其他 富⽂本编辑器：原因是因为打包后包很多错。以下是重新使⽤的富⽂本编辑器组件博客

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。