秀米编辑器内容复制到wangEditor中图片的处理

56 篇文章 3 订阅
46 篇文章 2 订阅

第一种方式
pasteTextHandle 利用的是自定义处理粘贴的文本内容

// 自定义处理粘贴的文本内容
        pasteTextHandle(content) {
          let n = new Date().getTime()
          let imageArr = []
          // //匹配图片
          var imgReg = /<img.*?(?:>|\/>)/gi;
          // //匹配src属性
          var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;
          
          content.replace(imgReg, function (txt) {
            return txt.replace(srcReg, function (src) {
              var img_src = src.match(srcReg)[1];
              console.log(img_src);
              //正则把?x-oss-process后面的都去掉
              img_src = img_src.replace(/\?.*/i, "");
              // if(img_src&&(img_src.includes('https://statics.xiumi.us')||img_src.includes('img.xiumi.us'))){
              imageArr.push(img_src)
              // }
            });
          });

          self.urlToQiniu(imageArr).then(res=>{
            if(res.data&&res.data.length){
              var index = 0
              while(index<res.data.length){
                content = content.replace(imageArr[index],res.data[index]['url'])
                index++
                self.$emit("on-change", content);
                console.log(new Date().getTime() - n,'2')
              }
            }
          })
          return content
        },

第二种方式
他喵的 终于知道为什么在编译器图片是裂开的了 原来秀米是通过referrer来获取当前资源在哪里加载的,可能如果不是合作伙伴就给你禁掉呗
所以我们要在index.html加上 问题直接解决。。。。。。。。。。。。。。。
但是小程序是无法解决的 很蛋疼

  <meta name="referrer" content="no-referrer"/>

第三种方式

在这里插入图片描述
用这个插件吧图片转成base64 但是痛点在于图片太大的话。。。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小张很嚣张~

支持一下小老弟吧~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值