富文编辑器的选择,常用的有UEditor,vue-quill-editor,Tinymce,Vue2Editor。
推荐使用Vue2Editor,vue-quill-editor,这个使用比较简单不会那么繁琐。
问题:
1、图片转成base64,导致接口访问直接崩溃。
//将以下方法放入富文本编辑器的init方法内
//解决base64问题
images_upload_handler: (blobInfo, success, failure) => {
let formData = new FormData();
//editormd-image-file为后台接口接收文件的形参
formData.append("editormd-image-file", blobInfo.blob());
//后台的文件上传的方法
uploadImage(formData)
.then(res => {
if (res.state) {
//图片地址
let file = res.data;
success(file);
return;
}
})
.catch(err => {
console.log(err);
});
}
});
},
2、富文本编辑器内容无法清除问题。