导入
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>