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>
相关文章
- Springboot项目允许根目录txt文件被访问
- lnmp一键安装包多php环境安装
- Python虚拟环境整合包制作:一键打包与运行指南
- aws云服务器使用root登录
- nginx配置允许跨域
- nginx配置springboot反向代理,同时允许上传路径可以直接被访问
- CentOS8更换国内安装源
- 在Linux中使用FFmpeg修剪视频
- uniapp项目(app,小程序)html内容图片尺寸超出屏幕修复
- uniapp启用微信小程序按需注入
- mysql 批量替换指定字符
- 使用stable diffution生成艺术二维码
- JQuery 删除节点下子元素中的最后一个元素
- Windows 11启动菜单的隐藏更改
- 出自清华的强大中文AI模型ChatGLM2-6B
- php根据ip判断所属国家(使用Geo库)
- 使用acme.sh自动化部署ssl证书
- C#压缩pdf文件的代码示例
- 功能强大的免费AI绘画工具:Stable Diffusion
- ChatGPT的中文平替:ChatGLM-6B