微信小程式Markdown渲染庫

使用方式

1. 準備工作：

下載並拷貝wemark目錄到小程式根目錄
WXSS中引用樣式：@import '../wemark/wemark.wxss'
WXML中引用結構：<import src="../wemark/wemark.wxml"/>
JS中引用wemark：var wemark = require('wemark')
2. JS部分

首先需要確定一個用於wemark渲染使用的資料名稱（預設為wemark），然後在頁面的data中指定：
page({
data:{ // 決定一個資料名稱 wemark:{}
}
});
接下來在Page的生命週期函數（如onReady）中，呼叫wemark.parse(md, this, options)即可。
具體的參數說明：
md，必填，需要渲染的Markdown字串
this，必填，Page實例
options，其它的參數
imageWidth，圖片的寬度，如包含圖片，則為必填，以px為單位 新版小程式圖片可以自適應寬高
name，對應上面指定的資料名稱，預設為wemark
3. WXML部分

// data中的參數和上方確定的資料名稱保持一致
<template is="wemark" data="{{...wemark}}"></template>
實例

// 引入wemark var wemark = require('../wemark/wemark'); // 需要渲染的Markdown文本var md = '# hello, world\n\nI love you, wemark!'; Page({
data: { // 確定一個資料名稱 wemark:{}
}, onReady: function(){ wemark.parse(md, this, { // 新版小程式可自適應寬高// imageWidth: wx.getSystemInfoSync().windowWidth - 40, name: 'wemark' })
}
});