User-friendly Markdown Editor For Vue.js

Install & Download:

# NPM
$ npm i @voraciousdev/vue-markdown-editor

Description:

Just another markdown editor that renders in place without the need for a preview pane.

More Features:

Dark and Light themes.
Syntax Highlighting

How to use it:

1. Import and register the markdown editor component.

import MarkdownEditor from '@voraciousdev/vue-markdown-editor'

export default {
  components: {
    MarkdownEditor
  }
}

2. Add the markdown editor component to the app template.

<template>
  <input v-model="theme" type="radio" value="light"> Light
  <input v-model="theme" type="radio" value="dark"> Dark
  <MarkdownEditor v-model="markdown" :theme="theme" />
</template>

export default {
  name: 'App',
  components: {
    MarkdownEditor,
  },
  data() {
    return {
      markdown: '# VueScript.Com',
      theme: 'light',
    }
  },
}