# wxParse for toutiao

**Repository Path**: sootou/wxParse-for-toutiao

## Basic Information

- **Project Name**: wxParse for toutiao
- **Description**: 头条小程序（字节跳动小程序）版富文本解析工具，直接用wxParse修改而来，修复默认不支持es6语法问题，增加video标签解析属性，修正对image、br标签的解析问题，增加部分常用css。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 15
- **Forks**: 4
- **Created**: 2019-11-25
- **Last Updated**: 2024-08-21

## Categories & Tags

**Categories**: javascript-toolkits

**Tags**: None

## README

# wxParse for toutiao

#### 介绍
头条小程序（字节跳动小程序）版富文本解析工具，直接用wxParse修改而来，修复默认不支持es6语法问题，增加video标签解析属性，修正对image、br标签的解析问题，增加部分常用css。

#### 安装教程

1. 使用方式和wxParse完全一样，下载整个全部文件，放到你的小程序根目录下
2. 在小程序页面的js种直接引入代码:`var wxParse = require('../../wxParse/wxParse.js')`;
   对应css中引入`@import "../../wxParse/wxParse.css"`;
3. 在需要的字段使用wxParse，代码：
   wxParse.wxParse('article', 'html', content, that, 5)
   直接上面这种写法就可以，下面的这种写法不建议，可能会报错
   ` that.setData({
          content:wxParse.wxParse('article', 'html', content, that, 5),
    })`
4. ttml页面引入模板，`<import src="../../wxParse/wxParse.ttml" />`
  然后在需要显示富文本的地方调用：`<template is="wxParse" data="{{ {wxParseData:article.nodes} }}" />`

#### 使用说明

1. 该工具是在wxParse的基础上改造的，只是把wxParse中的wxml，wxss改成了ttml，ttss等；
2. 修复了其他头条小程序的专有组件，比如tt:for，tt:if，tt:elif，tt:for-index，tt:key等等
3. 修复其他问题，比如去掉`<template name="wxParseImg">`重复的mode以及去掉data-from，修改对br标签的支持。
4. 修复es6环境下不支持import情况，统一改成require
5. 其他修改，不再赘述
6. 因为直接批量替换内容，基本文章可以满足使用，其他没有做过多测试，欢迎大家反馈bug

#### 参与贡献

 * 开发者：腾石建站
 * 官网:http://www.tengcee.com
 * 交流：http://doc.tengcee.com
 * 造自wxParse.wxml 原作者github地址: https://github.com/icindy/wxParse