上传图片到服务器中(可以使用base64格式的,但是如果图片过大,经过base64编译过后文件会很大,所以不建议使用)
这个函数,可以上传图片,可以动态获取内容,如下:
data(){
return {
editContent:''//存储富文本编辑器的内容
}
},
methods:{
wangEdit (id) {
let editor = new E(id)
editor.customConfig.onchange = (html) => {
this.editContent = html//动态获取富文本编辑器的内容
}
editor.customConfig.uploadImgMaxSize = 3 * 1024 * 1024;
editor.customConfig.uploadFileName = 'file[]'
editor.customConfig.uploadImgServer = '/proxy/platform/photo.moreImgUpload'//换成后端给你的上传图片的接口
editor.customConfig.uploadImgHooks = {
before: function (xhr, editor, files) {
let formdata=new FormData();
for(let i=0;i<files.length;i++){
let url = files[i];
formdata.append('file[]', url)
}
},
customInsert: function (insertImg, result, editor) {
for(let i=0;i<result.data.length;i++){
let url = result.data[i]
insertImg(url)
}
}
}
editor.create()
}
}
//使用:this.wangEdit(‘#edit’)
参考文章:https://blog.csdn.net/lhjuejiang/article/details/84671518#comments