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

解决这个问题

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

效果:

相关推荐
软件管理系统7 小时前
基于小程序的高校后勤报修管理系统
小程序
青春逝如流水8 小时前
微信小程序开发入门
微信小程序·小程序·入门
weixin_lynhgworld11 小时前
淘宝扭蛋机小程序:开启线上娱乐与购物的全新融合时代
小程序·娱乐
树欲静而风不止慢一点吧11 小时前
小米手环9应用/游戏开发快速入门
前端·javascript·小程序
游戏开发爱好者812 小时前
抓包工具有哪些?代理抓包、数据流抓包、拦截转发工具
android·ios·小程序·https·uni-app·iphone·webview
棒棒的唐12 小时前
vant小程序版弹窗穿透滚动的解决方案
小程序
翔云 OCR API13 小时前
NFC护照识读鉴伪解决方案-小程序/app端护照鉴伪
小程序
郑州光合科技余经理16 小时前
技术解析:如何打造适应多国市场的海外跑腿平台
java·开发语言·javascript·mysql·spring cloud·uni-app·php
前端 贾公子16 小时前
uniapp之实现拖拽排序
uni-app
禾高网络16 小时前
互联网医院定制|互联网医院|禾高互联网医院搭建
java·大数据·人工智能·小程序