收藏
回答

rich-text中部分a标签不换行

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug rich-text 微信iOS客户端 iOS 6.6.7 2.0.9

富文本来自下面链接返回数据中的 info.about

https://www.haoxuehaozhi.com/course/api/detail/464



模版中代码如下



显示效果如下,不换行的a标签已经指出,令人不解的是富文本中 考前测试 和 课后测试的链接不换行






链接显示效果应如下图:






希望能得到回复 😊


最后一次编辑于  2018-06-06  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • 黄思程
    黄思程
    2018-06-11

    你好,可以给对应节点直接加上style样式

    2018-06-11
    赞同 1
    回复 1
    • 张会亮
      张会亮
      2018-06-12

      谢谢您,确实可以


      不过还是针对rich-text的文档提一个建议:


      我是看到在社区中已经有人针对富文本中图片适配提出解决方案,方法是为富文本中的<img>标签填加一个class,比如下面代码


      text = text.replace(/\<img/gi, '<img class="rich-img" ')


      然后就可以在页面wxss中对富文本中的图片进行样式控制了,如下代码


      .rich-img  {
        max-width100%;
        heightauto;
      }


      建议在文档中加入为富文本内元素设置样式的描述或指导,类似您提到的可以给对应节点直接加上style样式,以及可以为元素添加class,然后在wxss内书写样式可以作用到rich-text组件。这样文档会更友好一些。😊


      2018-06-12
      回复
  • 张会亮
    张会亮
    2018-06-08

    有办法解决了,在页面wxss中添加下面css就可以了


    rich-text {
      overflow-wrap: break-word;
    }


    官网文档对rich-text样式设置的介绍太模糊了啊,比如富文本中如果包含较大尺寸的图片,图片就会宽度溢出,从文档中就找不到如何设置富文本中的图片不要溢出的方法


    rich-text文档中应该对如何对rich-text内部元素设置样式的给出说明!

    2018-06-08
    赞同
    回复