收藏
回答

rich-text 内图片显示不完整

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug rich-text 工具 7.0.3 2.5.0

- 当前 Bug 的表现(可附上截图)




- 预期表现


    

    第一个是小程序内rich-text的显示效果,第二张图是APP内的显示效果,可以看到小程序内的图片显示不完整,这应该是因为富文本内的图片实际宽度大于了屏幕宽度。

    在web上我可以用css控制富文上的图片最大宽度,但是在小程序的rich-text上,设置class或者直接设置image我发现都不行,请问这算一个bug嘛,改怎么解决

最后一次编辑于  02-19
回答关注问题邀请回答
收藏

3 个回答

  • 广州屯大信息科技有限公司
    广州屯大信息科技有限公司
    02-21

    小程序的rich-text支持的标签还有漏缺的,直接设置class应该是不支持的,不过可以通过正则表达式过滤图片标签,设置style,宽度100%,假设富文本的内容为content,content.replace(/\<img/gi, '<img style="max-width:100%;height:auto" '),试试看

    02-21
    赞同 2
    回复 2
    • 小师叔
      小师叔
      02-25

      谢谢,试了你的方法,是可以的

      02-25
      回复
    • 不拾履的张良
      不拾履的张良
      06-04

      可以


      06-04
      回复
  • 守夜
    守夜
    02-20

    给图片加属性  宽100% 富文本配置的时候加style样式  如果不好加  就要你js控制 获取富文本字段 let fwb= res.data.XX.富文本字段.replace(/\<img/gi, '<img style="width:100%;height:auto;display:block;margin: 0 auto; "')

    02-20
    赞同 1
    回复 1
    • 小师叔
      小师叔
      02-25

      谢谢,这种方法可行

      02-25
      回复
  • 新时光的旧人
    新时光的旧人
    02-23

    试了楼上的方法,还是不行

    02-23
    赞同
    回复 3
    • 小师叔
      小师叔
      02-25

      我是可以的哎

      02-25
      回复
    • 新时光的旧人
      新时光的旧人
      02-25

      我的只有一个可以

      现在遇到的两个富文本都都加上类名了 或者样式加上了  但是不起作用

      02-25
      回复
    • 起风了
      起风了
      03-12回复新时光的旧人

      我也是没有效果

      03-12
      回复