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

解决这个问题

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

效果:

相关推荐
杰建云1672 小时前
小程序如何提升转化率?
小程序·小程序制作
杰建云1672 小时前
小程序如何做用户运营?
小程序·产品运营·用户运营
Devil枫2 小时前
【腾讯位置服务开发者征文大赛】AI 赋能小程序地图开发:腾讯地图 Miniprogram Skill 实战记录
人工智能·小程序
阿凤2119 小时前
uniapp运行到app端怎么打开文件
android·前端·javascript·uni-app
00后程序员张20 小时前
完整教程:如何将iOS应用程序提交到App Store审核和上架
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张20 小时前
iOS应用性能优化全解析:卡顿、耗电、启动与瘦身
android·ios·性能优化·小程序·uni-app·iphone·webview
大力水手~1 天前
小程序模仿iphone苹果手机滑动选时间
智能手机·小程序
杰建云1671 天前
小程序如何做裂变?
小程序·小程序制作
Front思1 天前
解决 uniapp Dart Sass 2.0.0 弃用警告
前端·uni-app·sass
阳光雨滴1 天前
微信小程序使用canvas自定义富文本内容做图片分享
微信小程序·小程序