https://github.com/icindy/wxParse
使用方法:
1>下载源码,复制 wxParse/wxParse 目录到我们项目的 components 组件目录
cp -r wxParse/wxParse components/
2>在 js 中引入 wxParse 模块
var WxParse = require('../components/wxParse/wxParse.js')
或
import WxParse from '../components/wxParse/wxParse'
3>在 wxss 引入 wxParse.css
@import '/components/wxParse/wxParse.wxss';
4>数据绑定
方法:
WxParse.wxParse(bindName, type, data, target, imagePadding)
参数:
bindName - 绑定的数据名(必填)
type - 数据类型:html 或 md,支持将 HTML、Markdown 内容转换为微信小程序展示的内容(必填)
data - 具体数据(必填)
target - Page 对象,一般为 this(必填)
imagePadding - 当图片自适应时,左右的 padding(默认为 0)
第一次看该方法,有点蒙,其实很简单,应该就是:
在 Wxparse 对象中,将传入的 data 数据绑定到名为 bindName 的字段上
例如:
我们的数据是:
var htmlContent = '<p> 我是内容 </p>'
想要绑定到 wxParse 的字段名为:
content
WxParse.wxParse('content', 'html', htmlContent, this);
5>在 wxml 中引入 wxParse 模板(使用 wxParse,必须要借助 wxParse 的'模板',传入绑定的数据,然后渲染出最终结果)
<import src="../components/wxParse/wxParse.wxml" />
<template is="wxParse" data="{{ wxParseData:content.nodes }}" /> // 注意这里就是我们上面绑定的 bindName 名
配置 emoji 表情:
todo
多数据格式:
todo