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

解决这个问题

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

效果:

相关推荐
V+zmm1013420 分钟前
基于微信小程序投票评选系统的设计与实现ssm+论文源码调试讲解
java·数据库·微信小程序·小程序·毕业设计·ssm
玄尺_0071 小时前
bug uni-file-picker无法显示图片
uni-app·bug
赵大仁2 小时前
Uniapp中使用`wxml-to-canvas`开发DOM生成图片功能
前端·javascript·微信小程序·uni-app
雯0609~2 小时前
uni-app:实现普通选择器,时间选择器,日期选择器,多列选择器
前端·css·uni-app
然后就去远行吧2 小时前
小程序组件 —— 29 组件案例 - 字体图标的使用
小程序
mikey棒棒棒2 小时前
小程序添加购物车业务逻辑
小程序·购物车
Q_19284999063 小时前
基于Spring Boot的便民医疗服务小程序
spring boot·后端·小程序
尘浮生7 小时前
Java项目实战II基于微信小程序的家庭大厨(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven
大叔_爱编程8 小时前
wx011基于springboot+vue+uniapp的机电公司管理信息系统
vue.js·spring boot·uni-app
小伙子搞事情8 小时前
uni-app深度解码:跨平台APP开发的核心引擎与创新实践
uni-app