原
2017 年 09 月 05 日 15:48:56
目前发现的 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>
前端展示的效果:
来源: https://blog.csdn.net/lindonglian/article/details/77852398