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

解决这个问题

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

效果:

相关推荐
2501_915909061 小时前
完整指南:如何将iOS应用上架到App Store
android·ios·小程序·https·uni-app·iphone·webview
matlabgoodboy12 小时前
软件开发定制小程序APP帮代做java代码代编写C语言设计python编程
java·c语言·小程序
杰建云16720 小时前
商家怎么弄小程序店铺
小程序
打瞌睡的朱尤1 天前
小程序101~125
小程序
Azhao11061 天前
小程序购物车结算体验优化详解:从入门到实战全攻略
小程序
Haibakeji1 天前
拼团小程序定制开发适合哪些行业
小程序·软件需求
xiangxiongfly9151 天前
uni-app 组件总结
前端·javascript·uni-app
2501_915918411 天前
iOS性能数据监控:从概念到工具实践,让应用运行更流畅
android·macos·ios·小程序·uni-app·cocoa·iphone
silvia_Anne1 天前
微信小程序(组件通讯和全局数据共享)
微信小程序·小程序
博客zhu虎康2 天前
小程序:实现下拉刷新和上拉加载更多功能
小程序