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>
相关文章
- UE5敌人直接放置场景ok,代码生成不执行AI
- UE5中开发HD-2D游戏的优化设置与2D角色导入技巧
- nginxSpringboot项目常见配置
- 在MacOS上部署ComfyUI的指南
- 解决UE5开发Topdown2D动作游戏的旋转问题
- UE5开发2D游戏设置排序的步骤.
- 大幅提升FPS!Unreal Engine 5 最佳 2D 设置
- Aseprite在线编译教程
- 探索Nexa AI:开源边缘智能的新纪元
- Springboot项目允许根目录txt文件被访问
- lnmp一键安装包多php环境安装
- Python虚拟环境整合包制作:一键打包与运行指南
- aws云服务器使用root登录
- nginx配置允许跨域
- nginx配置springboot反向代理,同时允许上传路径可以直接被访问
- CentOS8更换国内安装源
- 在Linux中使用FFmpeg修剪视频
- uniapp项目(app,小程序)html内容图片尺寸超出屏幕修复
- uniapp启用微信小程序按需注入
- mysql 批量替换指定字符