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

解决这个问题

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

效果:

相关推荐
小徐_23338 小时前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
前端·uni-app
前端 贾公子10 小时前
小程序蓝牙打印探索与实践(上)
小程序
拙慕JULY11 小时前
小程序返回 base64 文件报错
开发语言·javascript·小程序
dh1312225052512 小时前
按月季度销售业绩核算小程序
小程序·销售小程序·绩效小程序·业绩统计小程序·业绩核算小程序
拙慕JULY12 小时前
微信小程序自定义标题背景色
微信小程序·小程序
qq_2299331313 小时前
uniapp踩坑-组件嵌套子组件不触发onReachBottom事件
uni-app
前端 贾公子14 小时前
小程序蓝牙打印探索与实践(下)
小程序·apache
00后程序员张14 小时前
Jenkins 自动上传 IPA 到 App Store 把发布步骤融入 CI/CD
android·ios·小程序·https·uni-app·iphone·webview
JackieDYH15 小时前
uniapp vue3 常用的生命周期和作用使用时机
javascript·vue.js·uni-app
PedroQue9916 小时前
uni-app路由管理神器:vue-router风格体验
前端·uni-app