mpvue-markdown-parser

A markdown parser for mpvue

Usage no npm install needed!

<script type="module">
  import mpvueMarkdownParser from 'https://cdn.skypack.dev/mpvue-markdown-parser';
</script>

README

npm-version license

mpvue-markdown-parser

A markdown parser for mpvue.

Preview screenshots

Basic render:

image

Code highlight and list:

image

Table and tasks lists:

image

Features

  1. Easy to use
  2. Supports code highlight, tasks list, etc.
  3. Powered by native component(rich-text)
  4. 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>

Used By

LICENSE

MIT