Vue3引入Markdown(md-editor-v3)

485 阅读1分钟

安装

npm install md-editor-v3

使用已存在的语言、主题扩展,例如:日语

npm install @vavt/cm-extension

使用更多的扩展工具栏组件,例如:导出内容为 PDF

npm install @vavt/v3-extension

页面使用

<template>
  <MdEditor v-model="text" />
</template>

<script setup>
import { ref } from 'vue';
import { MdEditor } from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';

const text = ref('# 我是标题');
</script>

效果展示(支持边写边编译)

image.png

官方资料

组件地址
组件文档