[[toc]]
<h1 align=“center”>Markdown Editor built on Vue</h1>
<p align=“center”>
<a href=“https://npmcharts.com/compare/@kangc/v-md-editor?minimal=true”><img src=“https://img.shields.io/npm/dm/@kangc/v-md-editor.svg?sanitize=true” alt=“Downloads”></a>
<a href=“https://www.npmjs.com/package/@kangc/v-md-editor”><img src=“https://img.shields.io/npm/v/@kangc/v-md-editor.svg?sanitize=true” alt=“Version”></a>
<a href=“https://www.npmjs.com/package/@kangc/v-md-editor”><img src=“https://img.shields.io/npm/l/@kangc/v-md-editor.svg?sanitize=true” alt=“License”></a>
</p>
Links
Install
# use npm
npm i @kangc/v-md-editor -S
# use yarn
yarn add @kangc/v-md-editor
Quick Start
import Vue from 'vue';
import VueMarkdownEditor from '@kangc/v-md-editor';
import '@kangc/v-md-editor/lib/style/base-editor.css';
import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';
VueMarkdownEditor.use(vuepressTheme);
Vue.use(VueMarkdownEditor);
Usage
<template>
<v-md-editor v-model="text" height="400px"></v-md-editor>
</template>
<script>
export default {
data() {
return {
text: '',
};
},
};
</script>