收藏
回答

发表文章后,文章内容内的图片变形了。这个怎么处理呢?

AppID
gh_8a3421891f85

图片被拉伸,编辑文章的时候却又很正常

回答关注问题邀请回答
收藏

2 个回答

  • 时迁
    时迁
    2023-12-22

    这个图片变形问题是可以解决的

    function 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;

    }


    module.exports = {

        formatRichText

    }

    参考这个

    2023-12-22
    有用
    回复 1
    • HenryL
      HenryL
      2023-12-22
      这个是插入在哪里呢。有点看不懂
      2023-12-22
      回复
  • HenryL
    HenryL
    2023-12-22

    图片内容是直接从某篇里直接复制过来的,以前发布的文章还能正常显示,这几个月发布的就变形了,这个问题怎么处理呢?有没有大佬SOS

    2023-12-22
    有用
    回复
登录 后发表内容