小程序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的小程序页面啦。
  

• 点赞
• 收藏
• 分享
• 文章举报