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

解决这个问题

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

效果:

相关推荐
00后程序员张5 小时前
从审核被拒到稳定过审,iOS 上架技术优化
android·ios·小程序·https·uni-app·iphone·webview
土土哥V_araolin14 小时前
多语言推三返一商城系统开发指南
小程序·零售
土土哥V_araolin16 小时前
一条线公排系统小程序开发
小程序·零售
爬坑的小白16 小时前
微信小程序拉起支付
微信小程序·小程序
土土哥V_araolin18 小时前
国械甄选新零售系统开发方案
小程序·个人开发·零售
毕设源码-钟学长20 小时前
【开题答辩全过程】以 基于微信小程序的蓝鲸旧物回收系统的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
洗发水很好用21 小时前
uniapp纯css实现基础多选组件
前端·css·uni-app
Greg_Zhong21 小时前
小程序中单元测试对比表单测试,及单元测试、表单测试、组件测试的底层实现原理
小程序·单元测试
sheji341621 小时前
【开题答辩全过程】以 基于微信小程序的考研服务平台为例,包含答辩的问题和答案
微信小程序·小程序
2501_915918411 天前
WebKit 抓包,WKWebView 请求的完整数据获取方法
android·前端·ios·小程序·uni-app·iphone·webkit