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

解决这个问题

创建一个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)
},

效果:

相关推荐
海兰15 小时前
【文字三国志:第六篇】天命重构,UI组件设计细节
人工智能·ui·语言模型·小程序
草根站起来17 小时前
微信小程序request net:ERR_CERT_DATE_INVALID
微信小程序·小程序
小北的AI科技分享20 小时前
广州小程序平台推荐:2026年本地商家数字化选型深度测评
小程序·广州小程序平台
MageGojo21 小时前
10 种主题随机诗词:一个 API 解决小程序的诗词内容源
python·小程序·古诗词·api 接入
青山科技分享21 小时前
2026北京小程序平台推荐——本地商家数字化选型全维度解析
小程序·小程序平台推荐
雪芽蓝域zzs1 天前
uni-app原生editor封装编辑组件(vue3)
uni-app
肖有米XTKF86461 天前
肖有米团队开发:青蓝山泉送水模式系统
小程序·团队开发·零售·csdn开发云
double_eggm2 天前
微信小程序7
微信小程序·小程序
程序鉴定师2 天前
上海小程序开发的坚实保障与行业优势解析
大数据·小程序
felipeas2 天前
uni-app day1
uni-app·notepad++