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

解决这个问题

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

效果:

相关推荐
The_era_achievs_hero1 小时前
微信小程序41~50
微信小程序·小程序
耶啵奶膘8 小时前
uniapp——地图路线绘制map
uni-app
shadouqi8 小时前
uniapp实现图片预览,懒加载,下拉刷新等
uni-app
走,带你去玩9 小时前
uniapp 微信小程序水印
微信小程序·小程序·uni-app
菌菇汤11 小时前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
CC同学呀18 小时前
从0到100:单位订餐统计小程序开发日记2025
小程序
某公司摸鱼前端18 小时前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
遗憾随她而去.21 小时前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
666HZ6661 天前
微信小程序中scss、ts、wxml
微信小程序·小程序·scss
二十十十十十1 天前
微信点餐小程序—美食物
微信·小程序