replaceAll 重写image的行内样式，使图片自适应设备的宽高

钟Bubble

于 2023-05-08 14:27:10 发布

阅读量167

点赞数

CC 4.0 BY-SA版权

分类专栏：小知识文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/BubbleABC/article/details/130558179

小知识专栏收录该内容

43 篇文章

订阅专栏

针对富文本渲染时图片宽度超出设备屏幕的问题，可以通过重写img标签的行内样式，设置`max-width:100%;height:auto;`来确保图片自适应，并保持最大宽度不超过容器宽度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

富文本渲染，图片过宽超出设备宽度怎么办？
重写image的行内样式

.replaceAll(/(img style="(.*?)")|(class="(.*?)")|(width="(.*?)")|(height="(.*?)")/gi, 'img').replaceAll('<img','<img style="max-width:100%;height:auto;" ')