开源软件名称(OpenSource Name):code-farmer-i/vue-markdown-editor开源软件地址(OpenSource Url):https://github.com/code-farmer-i/vue-markdown-editor开源编程语言(OpenSource Language):JavaScript 62.1%开源软件介绍(OpenSource Introduction):Markdown Editor built on VueLinksCommunicationqq 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 Startimport 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';
// Prism
import Prism from 'prismjs';
// highlight code
import 'prismjs/components/prism-json';
VueMarkdownEditor.use(vuepressTheme, {
Prism,
});
Vue.use(VueMarkdownEditor); Quick Start In Vue3import { createApp } 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';
// Prism
import Prism from 'prismjs';
// highlight code
import 'prismjs/components/prism-json';
VMdEditor.use(vuepressTheme, {
Prism,
});
const app = createApp(/*...*/);
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> SponsorPaypal Alipay 支付宝 WeChat Pay 微信 Refrence
License |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论