安装
TOAST UI https://www.npmjs.com/package/@toast-ui/vue-editor
npm i @toast-ui/vue-editor
引入
引入样式文件和组件
import '@toast-ui/editor/dist/toastui-editor.css';
import { Editor } from '@toast-ui/vue-editor';
安装五个件
@toast-ui/editor-plugin-chart
@toast-ui/editor-plugin-code-syntax-highlight
@toast-ui/editor-plugin-color-syntax
@toast-ui/editor-plugin-table-merged-cell
@toast-ui/editor-plugin-uml
下面是几个常用方法
把markDown转换为html this.$refs.editor.invoke("getHTML");
把markDown转换为markdown this.$refs.editor.invoke("getMarkdown");
把html转换为markDown this.$refs.editor.invoke('setHTML',data.htmlContent);