微信小程序解析HTML和MARKDOWN

Towxml 是闷游一个可将 HTML 、 markdown 转换为 WXML (WeiXin Markup Language)的渲染库。

由于微信小程序不能直接渲染 HTML ，因此富文本编辑器生成的 HTML 内容无法直接在小程序中展示。

可能是出于安全因素轿罩世考虑，即使 WXML 文本闭肢在小程序中也是以字符串方式进行渲染。

所以……

然后……

于是， Towxml 就因此降临了。

https://github.com/sbfkcel/towxml

1. 克隆TOWXML到小程序根目录

2. 在小程序 app.js 中引入库

3. 在小程序页面文件中引入模版

4. 在小程序对应的js中请求数据

5. 引入对应的WXSS

OK，大功告成~~

如果为了追求极致的体验，建议将 markdown 、 html 转换为 towxml 数据的过程放在服务器上，在小程序中直接请求数据即可。

1. 依赖环境

需要 Node.js 环境。（已经安装请忽略）

2. 安装 towxml

3. 接口使用

MIT

我们可以这么将小程序的页面路径放在公众号的菜单栏中，具体步骤如下：

1.登录公众号后台，点击【小程序】-【小程序管理】，看下是否已经关联了想要获取页面路径的小程序，如未关联，点击【添加】按钮，选择【关联小程序】，进行关联。

2.点击左侧的【管理】-【素材管理】-【新建图文素材】。

3.在微信文章编辑页面中，点击【小程序】按钮。

4.在d出的窗口中，选择对应的小程序，这里我选择的是示范案例“建程序”，然后点击【下一步】。

5.在d出的窗口中，点击【获取更多页面路袜樱径】，然后右侧d出的窗口中，输入管理员的微信号（切记一定是微信号，微信绑定的QQ和手机号都不行），然后点击【开启】，开启成功后，会有d出提示成功的标识。

6.这时候拿出手机，用刚刚输入的微信号进行访问小程序，这里我用的是“king2222222222222222”的微信，访此顷问示范案例“建程序”，然后进入想要获取的页面中，点击顶部的【···】，然后选择【复制本页面路径】。

7.复制成功后，将路径发送到电脑上，此时我获取到的页面路径是【pages/market/pages/card/myCard/myCard.html】。重点来了，获取到的小程序路径中，一定要去掉【.html】，不仅限于结尾，可能中间也会有【.html】，记住一定要去掉就OK啦。

8.此时，告扒丛我们将正确的页面路径填写在公众号的菜单栏处，就好了。

---