微信小程序中Towxml解析Markdown及html

本文主要是介绍微信小程序中Towxml解析Markdown及html，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、Towxml

Towxml 是一个让小程序可以解析Markdown、HTML的解析库。

二、引入

2.1 clone代码

git clone https://github.com/sbfkcel/towxml.git

2.2 安装依赖

npm install

2.3 打包

npm run build

2.4 引入文件

将dist文件复制到微信小程序根目录，改名为towxml

三、使用

3.1 app.js引入

//app.js
App({// 引入`towxml`解析方法towxml:require('/towxml/index')
})

3.2 页面配置文件json中引用

{"usingComponents": {"towxml": "../towxml/towxml"}
}

3.3 页面js使用

const app = getApp();
Page({data: {content: ''},onLoad: function (options) {// todo 库中返回markdownconst contentMd = '# 一级标题';let result = app.towxml(contentMd, 'markdown', {theme: 'light'});this.setData({content: result});}
})

3.4 wxml展示

<towxml nodes="{{content}}"/>

3.5 效果

这篇关于微信小程序中Towxml解析Markdown及html的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---