关于微信小程序rich-text中图片宽度超出范围解决办法

news/2024/7/20 1:23:39 标签: 微信小程序, 小程序

问题描述:写一个富文本展示页面时发现一个问题,就是图片宽度超出范围,本能反应是给图片设置一个最大宽度,这里发现不可行。然后又使用正则追加样式还是不行。

// 使用正则提取html里面的图片设置图片最大宽度为100%
res[1].data[0].f_content =res[1].data[0].f_content.replace(/<img[^>]*>/gi, function (match, capture) {
			return match.replace(/style\s*?=\s*?([‘"])[\s\S]*?\1/ig, 
            'style="max-width:100%;height:auto;"') // 替换style
				})

解决方法

这里可以利用属性选择器,给img的src宽度100%

.content_richText [src]{
		max-width: 100%;
	}

解决:
        


http://www.niftyadmin.cn/n/5036422.html

相关文章

ROBOGUIDE教程:三维模型创建功能介绍与操作方法

目录 概述 模型创建方法 模型属性设置 其他类型模型创建 资源文件夹创建 安全围栏模型创建 概述 ROBOGUIDE软件除了可以从外部导入模型外&#xff0c;软件自身也可以创建一些简易的三维模型&#xff0c;在对FANUC机器人虚拟仿真或离线编程时&#xff0c;可以利用这个功能…

嵌入式养成计划-29-网络编程----TCP与UDP的基础模型

Linux下&#xff0c;基于TCP与UDP协议&#xff0c;不同进程下单线程通信服务器 Linux下&#xff0c;基于TCP与UDP协议&#xff0c;不同进程下单线程通信服务器 六十五、TCP与UDP的基础模型 1. socket 1.1 套接字概念 最早的套接字和共享内存&#xff0c;消息队列&#xff…

【学习笔记】[AGC064C] Erase and Divide Game

有点难&#x1f605;&#xff0c;看到比自己低一级的选手场切这道题就更绷不住了&#x1f607; 考虑 从低到高位 建立 trie \text{trie} trie 树&#xff0c;但是因为是对反串建立的&#xff0c;所以编号连续的点在 trie \text{trie} trie 树上的位置是分散的&#x1f605; …

Java8实战-总结31

Java8实战-总结31 重构、测试和调试为改善可读性和灵活性重构代码改善代码的可读性从匿名类到Lambda表达式的转换从Lambda表达式到方法引用的转换 重构、测试和调试 如何使用Lambda表达式重构代码Lambda表达式对面向对象的设计模式的影响Lambda表达式的测试如何调试使用Lambda…

GO-日志分析

GO-日志分析 log包简介 Go提供了logger包来做日志记录。使用方式如下所示 package mainimport ("log""os" )func main() {// 创建一个新的日志文件.默认是stdOutfile, err : os.Create("app.log")if err ! nil {log.Fatal(err)}defer file.Cl…

驱动开发,基于中断子系统完成按键的中断驱动,引入中断底半部

一.引入linux内核中断目的 引入linux内核中断之前&#xff0c;内核访问设备要不断轮询访问&#xff1b; 引入linux内核中断便于内核对设备的访问&#xff0c;当设备事件发生后主动通知内核&#xff0c;内核再去访问设备&#xff1b; 二.linux内核中断实现过程框图 根据软…

简单来说,无人机单片机是如何控制电机的?

单片机可以通过输出脚向电机驱动&#xff08;比如NMOS管或电调&#xff09;提供控制信号&#xff0c;从而控制电机的运动。 无人机一般使用无刷电机或空心杯电机&#xff0c;两种电机的驱动方式不同。 一、无刷电机 无刷电机需要无刷电调才能驱动。 如何使用单片机通过电调…

【AI视野·今日Sound 声学论文速览 第七期】Tue, 19 Sep 2023

AI视野今日CS.Sound 声学论文速览 Tue, 19 Sep 2023 Totally 1 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Sound Papers Frame-to-Utterance Convergence: A Spectra-Temporal Approach for Unified Spoofing Detection Authors Awais Khan, Khalid Mahmood Ma…