在插入图片的配置中加一个延迟,然后加上调用一下wangEditor的两个函数,updateView是强制更新视图,insertBreak回车一下,因为我自己的项目中直接插入图片是不显示的,但是回车就可以显示出来,也很无奈,插件的官网是:添加链接描述
具体添加的代码,主要是setTimeout这块,其余的都是插件的配置项
jasync customUpload(file: File, insertFn: InsertFnType) {
try {
let Imgs = await getUploadFile({file:file})
Imgs.previewUrl && insertFn(Imgs.previewUrl,'image',Imgs.previewUrl)
setTimeout(()=>{
editorRef.value.updateView()
editorRef.value.insertBreak()
},100)
} catch (error) {
console.error("Error posting data:", error)
}
}
}