uniapp开发微信小程序中图片大小显示不正常

解决方式1：

可以在富文本中添加以下代码来设置图片的宽度为100%：

<img src="your_image_url" style="width: 100%" />?

另外，如果你想设置图片的高度，你可以添加以下代码：

<img src="your_image_url" style="height: 100px" />?

解决方式2：

可以实现一个filter来自动对图片宽度进行处理：

export default {
? ? // ...
? ? filters: {
? ? ? ? formatRichHtml(html) {
? ? ? ? ? ? if (!html) {
? ? ? ? ? ? ? ? return html;
? ? ? ? ? ? }
? ? ? ? ? ? //控制小程序中图片大小
? ? ? ? ? ? let newContent = html.replace(/<img[^>]*>/gi, function (match, capture) {
? ? ? ? ? ? ? ? console.log(match.search(/style=/gi));
? ? ? ? ? ? ? ? if (match.search(/style=/gi) === -1) {
? ? ? ? ? ? ? ? ? ? match = match.replace(/\<img/gi, '<img style=""');
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? return match;
? ? ? ? ? ? });
? ? ? ? ? ? newContent = newContent.replace(/style="/gi, '$& max-width:100% !important; ');
? ? ? ? ? ? newContent = newContent.replace(/<br[^>]*\/>/gi, '');
? ? ? ? ? ? return newContent;
? ? ? ? }
? ? }
? ? // ...
}

调用：

<rich-text :nodes="xxxxxContent | formatRichHtml" />