收藏
评论

更好的富文本解析组件

wxParse 进行了重写。

微信小程序富文本解析组件

代码从 https://github.com/icindy/wxParse fork。

于 wxParse 的差异:

  1. 使用自定义组件重写逻辑
  2. 解决 wxParse 中的 template 不能循环使用的问题

特性

支持特性
- [x] HTML的大部分标签解析
- [x] 内联style
- [x] 标签Class
- [x] 图片自适应规则
- [x] 图片多图片预览
- [x] 模版层级可扩展性
- [x] 多数据循环方式
- [x] 内联style
- [x] a标签跳转

基本使用方法

  1. Copy文件夹 rich-parse 到放置自定义组件的地方

  2. 引入必要文件

// 在使用的View中引入 rich-parse
{
  "usingComponents": {
    "rich-parse": "/自定义组件路径/rich-parse/rich-parse"
  }
}
  1. 使用
<rich-parse content="{{ content }}" type="html"/>
// content 是字符串内容,type 默认 html,可选 md。
  1. a 标签使用
<rich-parse content="{{ content }}" type="html" bind:linkTo="onLinkTo"/>

相关文章

最后一次编辑于  1970-01-01
收藏

3 个评论

  • gph
    gph
    2018-12-04


    请问一下  图片报错了 是我的格式错了么


    2018-12-04
    赞同
    回复 2
    • gph
      gph
      2018-12-04

      ..


      2018-12-04
      回复
    • gph
      gph
      2018-12-04

      图片预览不出来呢  请教一下呢


      2018-12-04
      回复
  • 别去明知山
    别去明知山
    2018-09-13

    看了你的代码,想到一块去了

    但是我现在遇到了这种情况

    图片本应该是100%宽度, 但是图片前后有个空格, 导致包裹图片的自定义组件没有达到100%宽度,就成了现在这个样子


    2018-09-13
    赞同
    回复
  • 2018-08-22

    还是有BUG。。。。客户很多富文本复制过来的,很多层NODE,还是显示不了。。。

    2018-08-22
    赞同
    回复 1
    • joker
      joker
      2018-08-23

      有没有相应的富文本,我这边测试一下。

      2018-08-23
      回复
登录 后发表内容