收藏
回答

rich-text在真机上解析内容中出现了很多undefined是怎么回事?

上面是rich-text使用

这个是文本内容打印的部分,文字是正常的

页面显示这情况,出现了很多undefined


请问这情况是怎么引起的,怎么解决?

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

3 个回答

  • 社区技术运营专员--阳光
    社区技术运营专员--阳光
    06-28

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    06-28
    有用
    回复 2
  • Code Weaver
    Code Weaver
    07-15

    用这个:

    https://gitee.com/jin-yufeng/mp-html/

    07-15
    有用
    回复
  • 恒
    06-28

    代码片段分享链接:https://developers.weixin.qq.com/s/YLztHhmi77Ss

    wxml:
    <rich-text class="article-rich-text" nodes='{{contentStr}}' space="true"></rich-text>
    
    js:
        const content = `
          <h5></h5>
          <h5 style="text-align: right; "><font size="2" color="#888888">作者|W&nbsp; 主编|苏苏</font></h5>
          <h5></h5>
          <h5></h5>
          <h5 style="text-align: right; "><font color="#888888"><font size="2">来源|CEO品牌观察(ID:&nbsp;new_shop_)</font></font></h5>
          <h5 style="text-align: right; "><font color="#888888"><font size="2">图片|除标注外,其余来自品牌官方渠道</font></font></h5>
          <p class="rich-p"><br></p>
          <p class="rich-p"><font size="3">自我疗愈的需求正在“解压”出新的经济活力。 </font></p>
          <p class="rich-p"><font size="3">作为“疗愈”载体之一的毛绒玩具,这两年受到了越来越多年轻消费者的喜爱与追捧。其中,来自英国的「jELLYCAT」成了“大势”,单只售价低至几百、高至上千,却火爆不已。 </font></p>
          <p class="rich-p"><font size="3"><br></font></p>
        `
    
    
        this.setData({contentStr: content})
    


    06-28
    有用
    回复 1
    • 诗和远方
      诗和远方
      06-28
      使用"wx-parse"这个富文本组件试试,微信那个rich-text兼容不太行
      06-28
      回复
登录 后发表内容