美文网首页新媒体
微信小程序富文本编辑的图片超出

微信小程序富文本编辑的图片超出

作者: 晓天菌 | 来源:发表于2021-05-20 23:47 被阅读0次

    最近在小程序项目时候遇到加载的富文本编辑器的图片超出部分小程序宽度 只要是img的标签没有设置宽度导致的。设置一下宽度就可以了

    onLoad: function (option) {

        if (option.id == '' || option.id == undefined) {

          return false;

        }

        var id = option.id;

        this.setData({

          id:id

        });

        var that = this;

        app.util.request({

          url: 'entry/wxapp/getsever',

          data: {

            m: 'u_tanfang',

            ids: id

          },

          cachetime: 0,

          method: 'post',

          complete: function (res) {

            console.log(res.data.data);

            res.data.data.content = that.formatRichText(res.data.data.content); //使用地方

            var  doortimes = [];

            that.setData({

              doortimes:doortimes,

              data: res.data.data,

              doortime_list:res.data.data.doortime_list,

            });

          }

        });

        this.getproblem();

        this.getUser();

      },

      formatRichText:function (html){

        let newContent= html.replace(/\<img/gi, '<img style="width:100%;height:auto"');

        return newContent;

      },

    相关文章

      网友评论

        本文标题:微信小程序富文本编辑的图片超出

        本文链接:https://www.haomeiwen.com/subject/nksijltx.html