https://github.com/eatgrass/wechat-richtext
wechat rich text data parser for browser side cms
https://github.com/eatgrass/wechat-richtext
cms parser richtext wechat-app
Last synced: 4 months ago
JSON representation
wechat rich text data parser for browser side cms
- Host: GitHub
- URL: https://github.com/eatgrass/wechat-richtext
- Owner: eatgrass
- Created: 2017-08-18T15:18:49.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-04-16T10:22:48.000Z (over 7 years ago)
- Last Synced: 2025-05-14T08:49:41.464Z (5 months ago)
- Topics: cms, parser, richtext, wechat-app
- Language: JavaScript
- Homepage:
- Size: 6.84 KB
- Stars: 7
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# wechat-richtext
Web HTML转微信小程序``组件数据
### 使用
```
npm install wechat-richtext --save
```
```javascript
const wrapperHTML = document.querySelector('.wrapper'); //包含富文本内容的HTML节点
const parser = WechatRichText({
'useStyle': true, // 是否包含原始内联style
'useClass': false, // 是否包含原始class
'style': { // 自定义内联样式, 将覆盖useStyle
'span': 'font-size:14px'
},
'class': { // 自定义标签的class名，将覆盖useClass
'p': 'text'
}
});
const result = parser.parse(wrapperHTML);
```
### 场景
CMS端可以灵活使用你熟悉的富文本编辑器编辑好内容后，使用`wechat-richtext`获取json格式数据，小程序端就可以使用自带的``组件对富文本数据进行渲染了。
优点：
1. 使用微信小程序自带控件，速度更快，更加稳定可靠
2. 网络传输json比html文本更加小巧
3. 小程序不再依赖第三方富文本模板库，体积更小，结构更加自然