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

解决这个问题

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

效果:

相关推荐
StarChainTech11 小时前
电动车租赁中的智能管理:电子围栏技术如何改变出行行业
大数据·人工智能·微信小程序·小程序·团队开发·软件需求·共享经济
2503_9284115613 小时前
12.26 小程序问题和解决
前端·javascript·微信小程序·小程序
iOS阿玮16 小时前
鸿蒙激励的羊毛,你"薅"到了么?
uni-app·app·apple
qq_124987075317 小时前
基于springboot的智能任务管理助手小程序设计与实现(源码+论文+部署+安装)
spring boot·后端·信息可视化·微信小程序·小程序·毕业设计·计算机毕业设计
ResponseState20018 小时前
安卓原生写uniapp插件手把手教学调试、打包、发布。
前端·uni-app
菩提小狗20 小时前
第3天:基础入门-抓包&封包&协议&APP&小程序&PC应用&WEB应用|小迪安全笔记|网络安全|
前端·安全·小程序
百锦再20 小时前
万字解析:抖音小程序与微信小程序开发全景对比与战略选择
人工智能·ai·语言模型·微信小程序·小程序·模拟·模型
invicinble20 小时前
分析家教小程序的功能设计
小程序
h_654321021 小时前
uniapp app端解析图片的经纬度、方位角
uni-app
h_654321021 小时前
uniapp app端获取指定路径下的所有图片
uni-app