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

解决这个问题

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

效果:

相关推荐
小小王app小程序开发6 小时前
抽赏小程序特殊赏玩法开发全解析:技术实现+架构支撑+合规落地
小程序·架构
江南西肥肥7 小时前
从手绘图到小程序,我用AI花了2个小时完成
小程序·vibecoding·claudecode
Rysxt_11 小时前
Flutter与UniApp底层逻辑深度对比
flutter·uni-app
柠檬树^-^12 小时前
小程序定位
小程序
iOS阿玮13 小时前
死了么 - 官方正版惨遭下架,背后原因竟是ta!
uni-app·app·apple
计算机毕设指导613 小时前
基于微信小程序民宿预订管理系统【源码文末联系】
java·spring boot·mysql·微信小程序·小程序·tomcat·maven
tjjucheng15 小时前
专业小程序定制开发公司推荐
大数据·小程序
莫非技术栈15 小时前
我模仿“死了吗“做了一个打卡签到的小程序
小程序
2501_9159214316 小时前
如何在苹果手机上面进行抓包?iOS代理抓包,数据流抓包
android·ios·智能手机·小程序·uni-app·iphone·webview