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

解决这个问题

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

效果:

相关推荐
AnalogElectronic1 小时前
uniapp学习8,电动车充电小程序
学习·小程序·uni-app
2501_915921431 小时前
iPhone 定位功能测试时不越狱来修改手机位置的方法
android·ios·智能手机·小程序·uni-app·iphone·webview
TE-茶叶蛋2 小时前
安卓应用(uniapp开发)分享微信-申请appid
android·微信·uni-app
AnalogElectronic2 小时前
uniapp学习9,同时兼容h5和微信小程序的百度地图组件
学习·微信小程序·uni-app
游戏开发爱好者82 小时前
iOS 开发进阶,用 SniffMaster 实现 iPhone 抓包深度分析
android·ios·小程序·https·uni-app·iphone·webview
AnalogElectronic17 小时前
uniapp学习5,兼容微信小程序的俄罗斯方块游戏
学习·微信小程序·uni-app
克里斯蒂亚诺更新21 小时前
微信小程序调用腾讯地图路线规划-注意点
微信小程序·小程序
AnalogElectronic1 天前
uniapp学习6,滚动字幕播报
javascript·学习·uni-app
AnalogElectronic1 天前
uniapp学习3,简易记事本
学习·uni-app
土土哥V_araolin1 天前
一生手护分销模式系统开发概述
大数据·小程序·零售