Package Exports
- @kangc/v-md-editor
- @kangc/v-md-editor/lib/lang/en-US
- @kangc/v-md-editor/lib/style/base-editor.css
- @kangc/v-md-editor/lib/theme/github.js
- @kangc/v-md-editor/lib/theme/style/github.css
- @kangc/v-md-editor/lib/theme/vuepress.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@kangc/v-md-editor) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Markdown Editor built on Vue
Links
Communication
qq group: 798884474
Install
# Vue 2 use npm
npm i @kangc/v-md-editor -S
# Vue 2 use yarn
yarn add @kangc/v-md-editor
# Vue 3 use npm
npm i @kangc/v-md-editor@next -S
# Vue 3 use yarn
yarn add @kangc/v-md-editor@next
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';
import '@kangc/v-md-editor/lib/theme/style/vuepress.css';
VueMarkdownEditor.use(vuepressTheme);
Vue.use(VueMarkdownEditor);
Quick Start In Vue3
import { creatApp } from 'vue';
import VMdEditor 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';
import '@kangc/v-md-editor/lib/theme/style/vuepress.css';
VMdEditor.use(vuepressTheme);
const app = creatApp(/*...*/);
app.use(VMdEditor);
Usage
<template>
<v-md-editor v-model="text" height="400px"></v-md-editor>
</template>
<script>
export default {
data() {
return {
text: '',
};
},
};
</script>
Usage Composition Api
<template>
<v-md-editor v-model="text" height="400px"></v-md-editor>
</template>
<script>
import { ref } from 'vue';
export default {
setup() {
const text = ref('');
return {
text,
};
},
};
</script>
Refrence
- ElementUi Utils clickoutside
- ElementUi Utils resize-event
- ElementUi Utils scrollbar-width
- ElementUi Scrollbar Component
- vuepress-plugin-container
- vuepress markdown preWrapper
- vuepress markdown link
- markdown-it-katex
- markdown-it-table-of-contents
- markdown-it-task-lists