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

解决这个问题

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

效果:

相关推荐
天蒙蒙亮11 小时前
打安卓apk包+“应用商城”发布
前端·uni-app
ModyQyW13 小时前
vite-plugin-uni-pages 0.6:统一扫描规则,开发期少重启
前端·uni-app
imperialeast14 小时前
WinAXP 2.4.0.830正式版
小程序·个人开发
CRMEB系统商城15 小时前
鲜花零售的预售与积分营销
开发语言·人工智能·科技·小程序·零售
镭封17 小时前
AI文字转语音能制作多人对白吗?角色分配操作指南
人工智能·小程序·音视频·语音识别·媒体
zhongben_keji17 小时前
批发商城APP怎么做:价格引擎、授信台账与资金合规的设计要点
ios·小程序·web app
Software攻城狮20 小时前
【uniapp和普通web 端开发的区别】
前端·uni-app·notepad++
2501_9159214320 小时前
iOS 实时日志怎么看?KeyMob 的日志过滤、崩溃报告与符号化
android·ios·小程序·https·uni-app·iphone·webview
小小王app小程序开发20 小时前
教育 AI 小程序玩法开发分析
人工智能·小程序
郑州光合科技余经理2 天前
同城小程序开发:同一笔单在用户端和商家端各显示到哪
android·java·开发语言·前端·后端·uni-app·php