如何在自己的vue网站引入markdown编辑器

tech2023-05-19  90

导入

import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css'

引入mavon-editor编辑器

<!-- @save: 按下 ctrl + s 时触发,@change: 当值发生改变时 触发--> <mavon-editor style="min-height: 600px" @save="saveDoc" @change="updateDoc"/>

那么如何在前端进行渲染和显示呢??

<!-- :value="detailContent.content":引入要转换的内容--> <!-- :subfield = "false":开启单栏模式--> <!-- :defaultOpen = "'preview'":默认展示预览区域--> <!-- :toolbarsFlag = "false":关闭工具栏--> <!-- :editable="false":不允许编辑--> <!-- scrollStyle="true":开启滚动条样式(暂时仅支持chrome)--> <!-- :ishljs = "true":开启代码高亮--> <mavon-editor class="md" :value="content" :subfield = "false" :defaultOpen = "'preview'" :toolbarsFlag = "false" :editable="false" :scrollStyle="true" :ishljs = "true" ></mavon-editor>
最新回复(0)