评论

如何在小程序内部展示富文本

如何在小程序内部展示富文本

两个方案:

1、wxparse,本文采用该方案

2、html2wxml


最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过上面方案完成

首先我们在github上下载wxParse

https://github.com/icindy/wxParse




下载完之后我们需要用到目录下的wxParse文件夹,把他拷贝到我们的项目目录下  

下面是具体的使用步骤


就开始展示富文本了

遇到一个问题,富文本里面的图片展示,有时候展示不出来,这个地方还 要跟进下。

最后一次编辑于  2020-03-12  
点赞 2
收藏
评论

5 个评论

  • searchFan
    searchFan
    2020-03-12

    社区其实有链接 https://developers.weixin.qq.com/community/develop/article/doc/0000ecd0f60d906910a90e2ff51413 刚找到,但是感觉挺麻烦的样子

    2020-03-12
    赞同 2
    回复
  • Admin ²º²⁴
    Admin ²º²⁴
    2020-03-12

    楼主贴一张成品后的效果图呗

    html2wxml没讲呢

    2020-03-12
    赞同 1
    回复 1
    • 小肥羊🍊
      小肥羊🍊
      2020-03-12
      第一句话就是本文采用wxparse方案呢
      2020-03-12
      回复
  • 姚可鑫
    姚可鑫
    2020-08-26

    请问使用wxparse 里面的a链接可以进行跳转吗 ?

    2020-08-26
    赞同
    回复
  • 幻生
    幻生
    2020-08-19

    rich-text

    这组件看名字就是富文本啊

    2020-08-19
    赞同
    回复
  • searchFan
    searchFan
    2020-03-12

    为楼主点赞! 但是我有个问题 富文本 里面如果有要跳转到小程序内部的链接,这个要怎么写?

    2020-03-12
    赞同
    回复 7
    • 小肥羊🍊
      小肥羊🍊
      2020-03-12
      你这个不算富文本展示的问题,你这个问题我目前还真没有想到好的办法
      2020-03-12
      回复
    • 金煜峰
      金煜峰
      2020-03-12
      https://github.com/jin-yufeng/Parser
      直接用 a 标签就可以
      2020-03-12
      回复
    • 姚可鑫
      姚可鑫
      2020-08-26回复金煜峰
      这个需要进行 注册网址操作吗?
      2020-08-26
      回复
    • 金煜峰
      金煜峰
      2020-08-26回复姚可鑫
      不需要
      2020-08-26
      回复
    • 姚可鑫
      姚可鑫
      2020-08-26回复金煜峰
      但是我试了下为啥是复制链接啊,不是跳转吗?
      2020-08-26
      回复
    查看更多(2)
登录 后发表内容