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

解决这个问题

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

效果:

相关推荐
周不凢1 小时前
用HBuilder运行小程序到微信开发者工具
小程序
weixin_545019326 小时前
微信小程序智能商城系统(uniapp+Springboot后端+vue管理端)
spring boot·微信小程序·uni-app
wx+qutudy7 小时前
CPS联盟+小程序聚合平台分销返利系统开发|小红书&番茄网盘CPA拉新推广全解析
小程序·cps联盟·小程序聚合平台
lqj_本人8 小时前
鸿蒙OS&UniApp 实现的语音输入与语音识别功能#三方框架 #Uniapp
uni-app
lqj_本人8 小时前
鸿蒙OS&UniApp 制作动态加载的瀑布流布局#三方框架 #Uniapp
uni-app·harmonyos
a_靖9 小时前
uniapp使用全局组件,
uni-app·全局组件
小咕聊编程9 小时前
【含文档+PPT+源码】基于微信小程序的社区便民防诈宣传系统设计与实现
微信小程序·小程序
lqj_本人9 小时前
鸿蒙OS&UniApp制作一个小巧的图片浏览器#三方框架 #Uniapp
华为·uni-app·harmonyos
向明天乄10 小时前
uni-app微信小程序登录流程详解
微信小程序·uni-app
lqj_本人12 小时前
鸿蒙OS&UniApp 开发的下拉刷新与上拉加载列表#三方框架 #Uniapp
华为·uni-app·harmonyos