1、首先需要安装 md-editor-v3

yarn add md-editor-v3

或者是在vue图形化界面中直接搜索 md-editor-v3 进行安装。

2、引入该编辑页

引入可以参考这个，根据自己的需求进行修改和添加。

<template><md-editor v-model="text"/>
</template><script>
import { ref } from 'vue';
import { MdEditor } from 'md-editor-v3';export default {components: {MdEditor},setup() {const text = ref('# Hello Editor');return {text,}}
}
</script><style>
@import 'md-editor-v3/lib/style.css';
</style>

3、自定义

参考md-editor-v3,文档比较详细。可以参考一下。=