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

解决这个问题

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

效果:

相关推荐
肖有米XTKF86469 小时前
肖有米团队开发:青蓝山泉送水模式系统
小程序·团队开发·零售·csdn开发云
double_eggm12 小时前
微信小程序7
微信小程序·小程序
程序鉴定师12 小时前
上海小程序开发的坚实保障与行业优势解析
大数据·小程序
felipeas1 天前
uni-app day1
uni-app·notepad++
double_eggm1 天前
微信小程序8
微信小程序·小程序
前端后腿哥1 天前
UNIAPPX UTS插件Widget开发完整教程(Android版)
前端·uni-app
MageGojo1 天前
小程序每日一谜怎么做:riddle 接口接入示例
windows·小程序·apache·谜语
kyh10033811201 天前
Cocos Creator 《打螺丝消除游戏》源码+实现
游戏·微信小程序·小程序·打螺丝小游戏源码·微笑小游戏源码
烂不烂问厨房2 天前
支付宝小程序camera录制视频并上传注意事项
小程序·音视频
黄同学real2 天前
uni-app 真机调试:手动代理环境下访问内网 API 的解决方案
uni-app