vue markdown_基于Vue构建的Markdown编辑器

vue markdown

vue-markdown编辑器 (vue-markdown-editor)

A markdown editor built on Vue.

在Vue上构建的降价编辑器。

View Demo 查看演示 View Github 查看Github

安装 (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>

翻译自: https://vuejsexamples.com/markdown-editor-built-on-vue/

vue markdown