微信小程序控制rich-text组件中的img样式

 你也是有下面这种问题吗？放图片之后图片格式无法修改！

话不多说，代码如下！可以用户封装

/**
     * 生命周期函数--监听页面加载
     */
    /**
     * 修改rich中的img和p标签的样式
     * @param {需要修改富文本} data 
     * @param {img前的p标签样式} pcss 
     * @param {img样式} imgcss 
     */
    richModiFyimg(data,pcss,imgcss){
        let zsdata= data.split("<img ")
        let gxdata=zsdata[0]
        console.log("首次切割：",zsdata)
        for(let i=1;i<zsdata.length;i++){
            gxdata+="<img "+zsdata[i].split("style=\"")[0]+"style=\""
            let cc=zsdata[i].split("style=\"")[1].split("\"")[0]
            console.log("分段得：",cc)
            gxdata+="width: 80%;\""
            gxdata+=zsdata[i].split("style=\"")[1].split("\"")[1]
        }
        console.log("修改好后的值：",gxdata)
        let xgp = gxdata.replace(/<p([\s\w"=\/\.:;]+)((?:(style="[^"]+")))/ig, '<p')
        .replace(/<p>/ig, `<p style="${imgcss}">`)
        .replace(/<img([\s\w"-=\/\.:;]+)((?:(height="[^"]+")))/ig, '<img$1')
        .replace(/<img([\s\w"-=\/\.:;]+)((?:(width="[^"]+")))/ig, '<img$1')
        .replace(/<img([\s\w"-=\/\.:;]+)((?:(style="[^"]+")))/ig, '<img$1')
        .replace(/<img([\s\w"-=\/\.:;]+)((?:(alt="[^"]+")))/ig, '<img$1')
        .replace(/<img([\s\w"-=\/\.:;]+)/ig, `<img style="${pcss}" $1`);
        console.log(xgp)
    }

其中ces2为需要修改的富文本，gxdata是修改好之后的富文本

修改好之后：