收藏
回答

怎么控制<rich-text>富文本中<img>标签大小?

<rich-text>富文本组件,如果我的富文本中包含了<img>标签,怎么控制图片大小,目前设置css没有作用

回答关注问题邀请回答
收藏

4 个回答

  • 小程序技术专员-LastLeaf
    小程序技术专员-LastLeaf
    2017-08-16

    你需要设法在这个字段内容中加上class或style(可以在js里先处理好然后再setData,也可以在服务器端做)。rich-text本身不能帮你处理。

    2017-08-16
    有用 1
    回复 1
    • jerry
      jerry
      2019-07-26
      计算加上class或者style也不起作用啊
      2019-07-26
      回复
  • 小程序技术专员-LastLeaf
    小程序技术专员-LastLeaf
    2017-08-14

    两种方式:


    1. 给img加个class,在app.wxss或page.wxss中指定样式。

    2. 给img加style。

    2017-08-14
    有用
    回复
  • 梦月
    梦月
    2020-09-23

    给img 加一个class 然后在 App.vue 写样式rich-text .rich_text_img{width:400rpx;height: 380rpx }

    2020-09-23
    有用
    回复
  • 刘祥波~知识之城、小程序、app
    刘祥波~知识之城、小程序、app
    2017-08-16

    <rich-text nodes="{{items.jiexi}}"></rich-text>

    目前是这样直接赋值的,没有办法添加class或者style,

    2017-08-16
    有用
    回复 2
    • 梦月
      梦月
      2020-09-23
      过滤 ,了解一下,
      2020-09-23
      回复
    • 梦月
      梦月
      2020-09-23
      <rich-text nodes="{{items.jiexi |filter }}"></rich-text>


      在过滤里面写img便签加属性
      2020-09-23
      回复
登录 后发表内容