0
点赞
收藏
分享

微信扫一扫

TOAST UI Editor 编辑器使用

ZSACH 2022-04-04 阅读 106

安装 

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);

举报

相关推荐

0 条评论