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

解决这个问题

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

效果:

相关推荐
2601_9498049220 分钟前
开源多商户商城源码最新版_适配微信小程序+H5+APP+PC多端
微信小程序·小程序
木子啊27 分钟前
UniApp全端水印组件muzi-watermark
uni-app·水印·全局水印·uniapp水印
木子啊1 小时前
Uni-app企业级网络请求封装实战
uni-app·网络请求·request封装
yqcoder1 小时前
uni-app 之 uni.showActionSheet
uni-app
2601_949804922 小时前
宇鹿家政服务系统小程序ThinkPHP+UniApp(
小程序·uni-app
裴嘉靖3 小时前
uni-app 打包后 PDF 无法生成问题完整解决方案
pdf·uni-app
2501_933907214 小时前
上海本凡科技的微信小程序公司主要提供哪些服务?
科技·微信小程序·小程序
码农客栈4 小时前
小程序学习(十七)之获取前台分类数据并渲染
小程序
2601_949804924 小时前
【全开源】AJAX家政上门服务系统小程序自营+多商家(高级授权)+独立端
小程序
h7ml4 小时前
查券返利机器人图像识别:OpenCV 模板匹配对抗淘宝小程序动态化骨架屏
opencv·小程序·机器人