WeChat アプレット 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:{ // データ名を決定します wemark:{}
}
});
次に、ページのライフサイクル関数 (onReady など) で wemark.parse(md, this, options) を呼び出します。
特定のパラメータの説明:
md、必須、レンダリングする必要がある Markdown 文字列
これ、必須、ページ インスタンス
オプション、その他のパラメータ
imageWidth、画像の幅。画像が含まれている場合は、ピクセル単位で指定する必要があります。新しいバージョンのミニ プログラム画像は、幅と高さに適応できます。
上で指定したデータ名に対応する名前。デフォルトは wemark です。
3.WXML部分

//データ内のパラメータは、上記で決定されたデータ名と一致しています
<template is="wemark" data="{{...wemark}}"></template>
例

// wemark を導入します var wemark = require('../wemark/wemark'); // レンダリングする必要があるマークダウン テキスト 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 ' })
}
});