微信小程序 rich-text 富文本 图片宽度

        formatRichText(html) {
            let newContent = html.replace(/<img[^>]*>/gi, function(
                match,
                capture
            ) {
                match = match
                    .replace(/style="[^"]+"/gi, "")
                    .replace(/style='[^']+'/gi, "");
                match = match
                    .replace(/width="[^"]+"/gi, "")
                    .replace(/width='[^']+'/gi, "");
                match = match
                    .replace(/height="[^"]+"/gi, "")
                    .replace(/height='[^']+'/gi, "");
                return match;
            });
            newContent = newContent.replace(/style="[^"]+"/gi, function(
                match,
                capture
            ) {
                match = match
                    .replace(/width:[^;]+;/gi, "max-width:100%;")
                    .replace(/width:[^;]+;/gi, "max-width:100%;");
                return match;
            });
            newContent = newContent.replace(/<br[^>]*\/>/gi, "");
            newContent = newContent.replace(
                /\<img/gi,
                '<img style="max-width:100%;height:auto;display:block;margin-top:0;margin-bottom:0;"'
            );
            return newContent;
        }
posted @ 2021-06-28 13:55  Wayhome'  阅读(181)  评论(0)    收藏  举报
// 侧边栏目录 // https://blog-static.cnblogs.com/files/douzujun/marvin.nav.my1502.css