富文本在网站或者小程序中基本都是不可缺少的组成部分，那么当我们使用uni-app开发小程序时。关于富文本的处理又要如何实现呢？

在小程序中提供了rich-text标签来展示富文本内容，但在实际使用中你会发现存在图片过大溢出手机屏幕情况。

那么关于图片过大超出手机屏幕问题，需要如何处理呢？

解决办法

    使用正则全局替换，给图片标签加个一个max-width。这样设置后，即图片相对于父级进行宽度最大为指定宽度进行展示。

全局正则替换解决图片过大超出屏幕代码如下：

<rich-text  :nodes="details.content"></rich-text>
const regex = new RegExp('<img', 'gi');
data.content= data.content.replace(regex, `<img style="max-width: 100%;"`)