小程序markdown文件解析和代码高亮（三）

使用towxml

简单说下，这个是可以讲html和markdown文件进行转换为wxml，支持很多富文本的编辑，

• 我们在上一篇文章将towxml的组件复制到小程序的common后，就可以直接使用了
  首先在需要使用到的页面，需要导入main.js

      var main_js_1 = require("./common/towxml/main.js");
      Page({
      		data:{
  				article : ''// 用于绑定组件的数据使用
  			},
  			_request(){
  				wx.request({
  		          url: url,
  		          header: {
  		              'content-type': 'application/x-www-form-urlencoded'
  		          },
  		          success(res){
  		          	// 获取数据
  		          	// 如果是markdown文件会直接解析成字符串
  		          	var data = app.towxml.toJson(res.data, 'markdown');
  		          	this.setData({
  						article :data // 绑定数据显示
  					})
  		          }
  		        })
  			}
   			towxml: new main_js_1()
  		})
     
  

  js部分完成之后，我们需要将数据绑定到wxml组件上去。

  <import src="../../common/towxml/entry.wxml"/>
   <template is="entry" data="{{...article}}"/>
  

  article就是获取到的markdown文件。
  这样我们就可以看到渲染过后的markdown的小程序页面啦。