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

解决这个问题

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

效果:

相关推荐
宠友信息14 小时前
内容社区源码开发实践解析,用Spring Boot打造1:1仿小红书源码平台
java·spring boot·redis·websocket·mysql·spring·uni-app
梦曦i16 小时前
Vue-Router 2.4.0 新增可控重定向功能
前端·uni-app
郑州光合科技余经理17 小时前
海外版外卖系统架构:订单怎么流转、权限怎么分
java·开发语言·前端·系统架构·uni-app·php·ai编程
梓彤科技20 小时前
登录状态总是失效,武汉小程序开发怎样设计会话续期与接口鉴权?
微信小程序·小程序·登录鉴权
qq_3168377521 小时前
uniapp 安卓/H5 使用 contentEditable 属性 富文本编辑器
android·javascript·uni-app
维双云1 天前
专业开发小程序公司有哪些:从项目交付能力判断服务商
小程序
show4331 天前
2026多格式导出技术方案:小程序端免费TXT/Word/SRT生成实践
小程序·word
维双云1 天前
社区生鲜小程序怎么做?4个经营环节。
小程序·零售
小满zs2 天前
关于HBuilderX+ 微信小程序开发工具启动的问题
前端·uni-app
2601_949950632 天前
成绩提升不靠盲目刷题:用练题簿找准真正的薄弱知识点
学习·小程序·刷题·小程序推荐