小程序富文本图片宽度自适应

解决这个问题

创建一个util.js文件,图片的最大宽度设置为100%就行了

javascript 复制代码
function formatRichText(html) {
	let newContent =  html.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"');

	return newContent;
}

module.exports = {
	formatRichText
}

使用方法

引入util.js

javascript 复制代码
const util = require('util.js');

转化富文本内容

javascript 复制代码
hahahha() {
    this.post.content = img.formatRichText(this.post.content)
},

效果:

相关推荐
m0_526119403 小时前
iconfont我修改好颜色,但是在小程序项目是黑色的
小程序
用户6990304848753 小时前
try catch使用场景 处理同步代码错误兼容用的
javascript·uni-app
ITKEY_5 小时前
uniapp微信开发者工具 更改AppID失败 touristappid
uni-app
2601_956743687 小时前
2026 上海小程序开发甄选:源码、云函数、跨端兼容技术评判
小程序·开发经验·上海
IT_张三8 小时前
CSDN-项目分享-暑期备考小程序
小程序
IsJunJianXin10 小时前
pdd小程序 cdp 保存响应体
linux·服务器·小程序·pdd小程序·拼多多响应体解密·小程序cdp·拼多多rpc取响应体
Geek_Vison12 小时前
APP瘦身实战:从80MB+砍到15MB——基于小程序容器技术剥离APP非核心业务的实践分享
小程序·uni-app·mpaas
weikecms13 小时前
聚合返利CPS小程序快速搭建教程
人工智能·微信·小程序
CHB1 天前
HDC2026 演讲实录|AI 驱动的跨端进化:利用 uni-agent 快速构建高性能鸿蒙应用
uni-app·harmonyos
Haibakeji1 天前
长沙餐饮门店点餐配送小程序定制开发
大数据·小程序