解决wangEditor富文本插件中插入图片不完全显示,只显示标签链接的问题

在插入图片的配置中加一个延迟,然后加上调用一下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)
          }
        }
      }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值