【vue3】Vue3+ts引入Markdown（支持边写边编译）

组件md-editor-v3

md-editor-v3是vue3 环境的 Markdown 编辑器，使用 jsx 和 typescript 语法开发，支持在 tsx 项目使用。支持自己修改样式。

组件地址：md-editor-v3

安装

npm安装：

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('# Hello Editor');
</script>

更多用法看官方文档：

组件地址：md-editor-v3
组件文档：md-editor-v3