ttp://www.xwwzsj.com/weixin#item4">小程序开发
  • 案例展示
  • 新闻资讯
  • 解决方案
  • 瑞达杰昌建站
  • 联系我们
  • 客户专线:135-1821-9792

    服务热线:028-86922220

    我们专注于高端品牌网站创意设计与开发

  • 微信小程序中rich-text组件在富文本解析器怎么用-创新互联

    小编给大家分享一下微信小程序中rich-text组件在富文本解析器怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

    成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、网站制作、石楼网络推广、小程序设计、石楼网络营销、石楼企业策划、石楼品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;成都创新互联公司为所有大学生创业者提供石楼建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

    微信小程序富文本解析器

    微信小程序在rich-text组件后开始支持富文本解析,但需要对照一套自定义规则的 JOSN 数据格式,API 返回的富文本需要前端做数据转换。

    这个主要是用于某些需要 API 直接输出富文本的地方。比如后端输出title字段, 但 title 字段中有加重提示的几个文字是需要标红的。

    这种情况下后端如果不返回富文本,前端去在小程序去处理是比较麻烦的,还得定个规则,前端再写好样式拼接起来。如果后端直接给你返回富文本,用这个去解析可以直接搞定。

    如官网给的例子:

    微信小程序中rich-text组件在富文本解析器怎么用

    如何才能将 HTML 转为微信小程序组件支持的数据格式呢?

    html2json 是一个将 HTML 解析为对应的 json 格式但 html2json 库转换出来的 JSON 与微信小程序要求不一致,且不支持解析 style,故在此库的基础上做的了扩展与调整。

    使用方法:

    import html2json from 'wxapp-rich-text';
    // 或者下载该仓库
    import html2json from './your/path/index.js';
    
    const html =
      'sample
    textsample text

    '; const json = html2json(html); this.setData({     nodes: json, });

    源码见Github: https://github.com/treadpit/w...

    目前只测试了一些简单的例子,如下图:

    微信小程序中rich-text组件在富文本解析器怎么用

    以上是“微信小程序中rich-text组件在富文本解析器怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


    当前文章:微信小程序中rich-text组件在富文本解析器怎么用-创新互联
    文章链接:http://www.xwwzsj.com/article/dejech.html

    其他资讯

    售后响应及时

    7×24小时客服热线

    数据备份

    更安全、更高效、更稳定

    价格公道精准

    项目经理精准报价不弄虚作假

    合作无风险

    重合同讲信誉,无效全额退款