微信小程序Markdown渲染組件wemark

wemark能夠實如今小程序下渲染Markdown內容，支持圖片、表格在內的大部分Markdown特性。

特性

• 以小程序自定義組件形式提供，可直接引入使用
• 支持大部分markdown標記的解析、渲染
• 支持代碼表格、代碼高亮、HTML視頻等特性
• 支持使用原生rich-text進行渲染
• 兼容mpvue等開發框架

使用

一、下載並拷貝wemark目錄到小程序根目錄

二、在頁面的配置文件中引用wemark組件

{
    "usingComponents": {
        "wemark": "../wemark/wemark"
    }
}

三、 WXML中使用：

<wemark md="{{md}}" link highlight type="wemark"></wemark>

參數說明：

• md，必填，須要渲染的Markdown字符串；
• link，是否解析連接，若是解析，會使用小程序navigator組件展示，可在小程序內跳轉，默認爲false；
• highlight，是否對代碼進行高亮處理，默認爲false；
• type，渲染方式，wemark會使用wemark的數據結構和模板進行渲染，rich-text會使用小程序內置的rich-text組件進行渲染（不支持連接跳轉、視頻）。

運行效果

其餘

wemark項目地址：https://github.com/TooBug/wemark

【小程序推薦】百科知識詞典