程序员经验分享-hwhale

微信小程序rich-text富文本 解决图片超出屏幕宽度

2023-11-01

问题：微信小程序rich-text富文本 图片超出屏幕宽度

文本数据

在这里插入图片描述

更改前效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

解决办法

使用正则将数据中的img标签定义class或者直接写样式
再js文件中将数据进行修改

data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ') //正则替换

或者

 that.setData({
          content: res.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto"')
        })
 
或
 
 that.setData({
          content: res.data.contents.replace('<img ', '<img style="max-width:100%;height:auto"')
        })

最终效果

在这里插入图片描述
在这里插入图片描述

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

微信小程序

小程序

微信小程序rich-text富文本 解决图片超出屏幕宽度 的相关文章

  • 基于51单片机控制的恒流源设计

    由51单片机作为主控制器实现的恒流源设计 部分程序 include reg52 h stc头文件 include Delay h 延时头文件 设置按键 sbit KEY ADD P3 2 加 sbit KEY DEC P3 3 减 DA s

  • Acwing-860. 染色法判定二分图

    染色法 将所有点分成两个集合 使得所有边只出现在集合之间 就是二分图 二分图 一定不含有奇数环 可能包含长度为偶数的环 不一定是连通图 代码思路 染色可以使用1和2区分不同颜色 用0表示未染色 遍历所有点 每次将未染色的点进行dfs 默认染

  • 译-- Lambda Expressions >=java SE8 (Lambda表达式详解)

    原文地址 http stackoverflow com documentation java 91 lambda expressions t 201701170111285810613 Introduction Lambda表达式用一个表达

  • IO流read方法返回值

    1 byte buf new byte 1024 int length bufferedInputStream read byte 如果传入缓冲数组 内容是存储到缓冲数组中 返回值是存储到缓冲数组中的字节个数 read 从输入流中读取数据的

  • 织梦DEDECMS EXCEL数据批量导入文章插件 2020/07/23更新

    织梦插件介绍 目前本插件售价100元 绿色开源 无限制 充值金币购买下载 本插件为织梦EXCEL导入数据 目前只有UTF版本 GBK版本自行转码 默认只支持普通文章模型 不包括自定义字段 需要另外模型或者添加新字段的可以联系客服收费修改 其

随机推荐

  • 值对于int32太大或太小_从没有一人能将KDJ指标说得这么透彻！（附J值用法）学会了可低买高卖！...

    牢记这9张思维导图 你就是赢家 1 股市导图总纲 2 k线基础 3 均线基础 4 切线基础 5 指标分析 6 统计分析 7 选股方法 8 板块轮动 9 股市中的各色骗局 导图看不清晰 有高清图片 这里会被压缩了 KDJ指标又叫随机指标 由K

  • STM32入门-区别ORD,BSRR,BRR寄存器

    转本文的目的是想说明配置GPIO的值如果用ODR寄存器 就会有读改写的过程 不利于任务间同步 即要考虑线程安全问题 如果BSRR可以直接设置某位 比ODR快 基础知识 ORD BSRR BRR寄存器的作用是对已经初始化后的 IO 口输出高

  • 一句话撸完重量级锁、自旋锁、轻量级锁、偏向锁、悲观、乐观锁等

    重量级锁 自旋锁 自适应自旋锁 轻量级锁 偏向锁 悲观锁 乐观锁 执行一个方法咋这么辛苦 到处都是锁 今天这篇文章 给大家普及下这些锁究竟是啥 他们的由来 他们之间有啥关系 有啥区别 如果你学过多线程 那么你肯定知道锁这个东西 至于为什么需

  • 爬虫中常见的反爬手段和解决方法

    每日分享 欲成大树 莫与草争 将军有剑 不斩草蝇 遇烂入及时止损 遇烂事及时抽身 格局小的人喜欢诋毁和嫉妒 因为我不好 我也不想让你好 格局大的人都懂得一个道理 强者互帮 弱者互撕 人性最大的愚蠢就是互相为难 人生匆匆 自渡是一种能力 渡人

  • 结合Thrift示例详解网络服务模型(多线程阻塞IO、多线程非阻塞IO、多Reactor模型)

    文章目录 组件介绍 网络服务模型 单线程阻塞IO 多线程阻塞IO 单线程非阻塞IO 多线程非阻塞IO 多Reactor模型 组件介绍 Thrift是一个轻量级 跨语言的RPC框架 主要用于各个服务之间的RPC通信 它通过自身的IDL中间语言

  • c++中的四种cast转换， dynamic_cast、static_cast、const_cast、reinterpret_cast

    C 11之后 C 中就有四种类型转换 分别是 dynamic cast static cast const cast reinterpret cast 一般用这四种强制转换可以替代在c代码中类似 int 这种方式的转换 下面就分别对着四种强

  • 1、测试用例通用模板

    一 针对大版本需求的测试用例模板 1 测试用例模板说明 1 1 表头说明 项目版本号V1 0 测试用例 示例标题 xxxxx有限公司测试组 ONLY FOR INTERNAL USE ONLY Confidentiality level 密

  • pandas面板(Panel)

    面板 Panel 是3D容器的数据 面板数据一词来源于计量经济学 部分源于名称 Pandas pan el da ta s 3轴 axis 这个名称旨在给出描述涉及面板数据的操作的一些语义 它们是 items axis 0 每个项目对应于内

  • 多益网络校招 -- 主观题

    1 你认为这世界中各种事物 公平吗 2 你是否希望中国人多生孩子 3 这是一个周六 你原计划周日去健身房跑步1小时 再去江边散散步 你的直属上级的直属上级主管 要你明天去他家领个包裹 亲自开车2小时送到某地点交给指定的人 你会如何做 4 你

  • 译: Code::Blocks手册 使用篇

    原手册下载 http www codeblocks org docs manual en pdf 译者 JGood http blog csdn net Jgood 译者言 工欲善其事 必先利其器 一个好的工具能事半功倍 写程序时 特别是写

  • Linux在启动Tmocat时，报权限不够

    如图 可以在命令行里输入 chmod u x sh 然后在 startup sh 如 这样就启动起来了 不过为什么这样呢 我们也要明白原因 chmod 是权限管理命令change the permissions mode of a file

  • mysql 聚合函数非重复（distinct）查询

    聚合函数非重复 distinct 查询 计算去重后的数据行数 select count distinct product type from product 计算数据行数后再去重 select distinct count product

  • mysql2003错误_mysql出现2003错误的原因及解决方法

    一 mysql数据库没有启动 启动方法 开始 gt 运行 gt services msc 在里面找到名称为MySQL的服务 双击打开属性 点启动 2 使用下面的命令启动net start mysql 二 MySQL 服务器资源紧张 导致无法

  • ftp服务器一直显示登录密码,ftp一直弹出用户名密码

    大家好 我是时间财富网智能客服时间君 上述问题将由我为大家进行解答 ftp一直弹出用户名密码的原因 1 用户名密码错误 2 有防火墙拒绝连接你的ip 3 服务器架设问题 4 输入的指令错误 5 电脑端口使用的浏览器拒绝连接 建议先尝试匿名登

  • SPI&CAN通信协议简介

    目录 1 SPI SPI的四种工作模式 CPOL clock polarity 时钟极性 CPHA clock phase 时钟相位 四种工作模式 2 CAN CAN的特点 物理层特征 通讯节点 CAN通信报文 数据帧介绍 远程帧 错误帧

  • Swagger与Knife4j的学习

    Swagger与Knife4j的学习 此教程基于黑马程序员Java品达通用权限项目 哔哩哔哩链接 https www bilibili com video BV1tw411f79E p 30 1 swagger介绍 相信无论是前端还是后端开

  • 【华为OD机试真题 JAVA】连续出牌数量

    JS版 华为OD机试真题 JS 连续出牌数量 标题 连续出牌数量 时间限制 1秒 内存限制 262144K 语言限制 不限 有这么一款单人卡牌游戏 牌面由颜色和数字组成 颜色为红 黄 蓝 绿中的一种 数字为0 9中的一个 游戏开始时玩家从手

  • 第五章 神经网络

    5 1 神经元模型 神经网络是由具有适应性的简单单元组成的广泛并行互连的网络 它的组织能够模拟生物神经系统对真实世界物体所做出的交互反应 神经网络中最基本的成分是神经元模型 5 2感知机与多层网络 感知机由两层神经元组成 多层前馈神经网络

  • Zotero软件中复制文献进入不同文件夹和删除文献的方法

    两种方式 方式1 选中文献 拖动文献至目标文件夹 检索文献 只会出现一篇 按住ctrl 可以看到在两个文件夹中均可以访问这篇文献 经验证 在pdf中的标记 两种文件夹访问时显示是同步的 如果想从一个文件夹中去除该文件 选中 键盘点击dele

  • 微信小程序rich-text富文本 解决图片超出屏幕宽度

    问题 微信小程序rich text富文本 图片超出屏幕宽度 文本数据 更改前效果 解决办法 最终效果 文本数据 更改前效果 解决办法 使用正则将数据中的img标签定义class或者直接写样式 再js文件中将数据进行修改 data conte

热门标签