开发学院

您的位置:首页>技术文章>正文

技术文章

uniapp项目(app,小程序)html内容图片尺寸超出屏幕修复

开发学院2024-01-22 17:03:51


  解决方案可以有很多种,最简单的是后端直接处理好这个问题,前端就不用操心了,但是后端无法处理的时候就只能前端处理了。

  处理起来也很简单,使用replace方法给img标签加上百分百的宽度就可以了,核心代码如下:

 //res.data.content 为从后端获取到的原始html数据。
let richtext= res.data.content; 
 //使用正则匹配搜索
let regex = new RegExp('<img', 'gi'); 
 //替换  
 richtext= richtext.replace(regex, `<img width="100%"`); 
//最后赋值回去
this.content = richtext;

展示的话就正常展示就可以了,测试html,真机有效。

<view v-html="content"></view>