vue3中添加markdown

主要参考 官方文档

轻量版

首先安装依赖项

npm i @kangc/v-md-editor -S

 安装之后导入模块儿

import Vue from 'vue';
import VMdEditor from '@kangc/v-md-editor';
import '@kangc/v-md-editor/lib/style/base-editor.css';
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js';
import '@kangc/v-md-editor/lib/theme/style/github.css';

// highlightjs
import hljs from 'highlight.js';

VMdEditor.use(githubTheme, {
  Hljs: hljs,
});

Vue.use(VMdEditor);

使用的时候就比较简单了，只需要引入之后直接调用。

 使用还是比较简单的

但是在平常开发中需要接收用户的输入，以及用户输入转换之后的html。官方文档里面给了相关的API，下面的代码里面实现了保存之后的用户输入以及html，有修改时的用户输入以及html。

还有很多功能可以参照官方文档，还有图片相关的，代码高亮...