Vue集成Markdown插件

来源:互联网 发布:cad专业绘图软件 编辑:程序博客网 时间:2024/06/16 02:29

目前发现的Markdown插件有vue-markdown和mavon-editor,这里选择mavon-editor
引入依赖:
这里写图片描述

带Markdown编辑器的组件

<template>  <div id="editor">    <mavon-editor style="height: 100%"></mavon-editor>  </div></template><script>  import { mavonEditor } from 'mavon-editor'  import 'mavon-editor/dist/css/index.css'  export default {    name: 'editor',    components: {      mavonEditor    }  }</script><style>  #editor {    margin: auto;    width: 80%;    height: 580px;    margin-top: 5rem;  }</style>

前端展示的效果:
这里写图片描述