本文转载，在此发布是为了防丢
如有侵权，请联系
原文链接：https://blog.csdn.net/work_fei/article/details/132489356?ops_request_misc=&request_id=&biz_id=102&utm_term=markdown%E8%BD%ACwxml&utm_medium=distribute.pc_search_result.none-task-blog-2_allsobaiduweb~default-1-132489356.142^v100pc_search_result_base5&spm=1018.2226.3001.4187

Towxml 是一个可将HTML、Markdown转为微信小程序WXML(WeiXin Markup Language)的渲染库。用于解决在微信小程序中Markdown、HTML不能直接渲染的问题。

1.本地创建一个空文件夹，使用git clone 到本地

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

2.使用微信开发者打开本项目

3.安装构建依赖

npm install

4.打开终端输入打包命令

npm run build

5.打包后项目中会产生一个dist文件夹

6.在需要使用转换的小程序项目中添加引用

6.1 把dist文件夹复制到项目中并改名为towxml

6.2在app.js文件中引入库

App({
  towxml: require('/towxml/index')
})

6.3在需要使用的页面.json中引入组件

eg: detail.json中

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

6.4 在detail.js中进行语法转换

const app = getApp()
let result = app.towxml(res.data.msg,'markdown',{ // res.data.msg是需要转换的内容
          // base:'https://xxx.com',				// 相对资源的base路径
          theme:'dark',					// 主题，默认`light`
          events:{					// 为元素绑定的事件方法
            tap:(e)=>{
              console.log('tap',e);
            }
          }
        });
this.setData({ shop: res.data.msg, result: result })

6.5 在detail.wxml中进行调用

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

7.编译运行小程序