Mpvue-markdown-parser NPM

npm-version license

mpvue-markdown-parser

A markdown parser for mpvue.

Preview screenshots

Basic render:

Code highlight and list:

Table and tasks lists:

Features

Easy to use
Supports code highlight, tasks list, etc.
Powered by native component(rich-text)
Better Performance

Installation

npm:

npm i --save mpvue-markdown-parser

or yarn

yarn add  mpvue-markdown-parser

Get Started

<template>
  <rich-text :nodes="nodes"></rich-text>
</template>

<script>
  import 'prismjs/themes/prism.css';
  import MpvueMarkdownParser from 'mpvue-markdown-parser';
  import 'mpvue-markdown-parser/dist/index.css';

  export default {
    data () {
      return {
        nodes: MpvueMarkdownParser('# your markdown text')
      }
    }
  }
</script>