我爱小程序
对 wxParse 进行了重写。
微信小程序富文本解析组件
代码从 https://github.com/icindy/wxParse fork。
于 wxParse 的差异：
- 使用自定义组件重写逻辑
- 解决 wxParse 中的 template 不能循环使用的问题
特性
| 支持特性 |
|---|
| - [x] HTML的大部分标签解析 |
| - [x] 内联style |
| - [x] 标签Class |
| - [x] 图片自适应规则 |
| - [x] 图片多图片预览 |
| - [x] 模版层级可扩展性 |
| - [x] 多数据循环方式 |
| - [x] 内联style |
| - [x] a标签跳转 |
基本使用方法
Copy文件夹
rich-parse到放置自定义组件的地方引入必要文件
// 在使用的View中引入 rich-parse
{
"usingComponents": {
"rich-parse": "/自定义组件路径/rich-parse/rich-parse"
}
}
使用
<rich-parse content="{{ content }}" type="html"/> // content 是字符串内容，type 默认 html，可选 md。a 标签使用
<rich-parse content="{{ content }}" type="html" bind:linkTo="onLinkTo"/>
相关文章
网友回复
Narney：
看了你的代码，想到一块去了
但是我现在遇到了这种情况
图片本应该是100%宽度， 但是图片前后有个空格， 导致包裹图片的自定义组件没有达到100%宽度，就成了现在这个样子
peng：
还是有BUG。。。。客户很多富文本复制过来的，很多层NODE,还是显示不了。。。