Nuxt3集成md-editor-v3

 

md-editor-v3 官网地址

首先安装 md-editor-v3

yarn add md-editor-v3

然后在 Nuxt3 项目根目录下新建 components 目录，并在目录下新建 MdEditor.vue 组件，组件内容如下

<template>
  <div>
    <MdEditor v-model="content" />
  </div>
</template>

<script setup>
import MdEditor from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';
const content = ref('')
</script>

这时候就可以在页面内引用改组件了，引用方式如下

<template>
  <div>
    <MdEditor />
  </div>
</template>
<script setup>

import MdEditor from "@/components/MdEditor";
</script>