Install

yarn add milkdown-vue

Usage

模板代码

<editorv-model="doc"ref="editorRef":config="config":uploader="uploader"@save="save"/>

Props

[{"url":"图片地址","name":"名称"}]

Event

快捷键

vue setup示例

// 组件引入importEditorfrom'milkdown-vue'import{ref}from'vue'consteditorRef=ref(null)constconfig=ref({// 是否为只读模式readonly:false,// 是否展示菜单menu:true,// 主题样式auto、dark, lighttheme:'auto'})constdoc=ref('')constsave=v=>{// markdown 内容字符串console.log(v)}// 自定义上传constuploader=(images)=>{// 图片原始文件数组对象console.log(images)// 返回上传后的地址和名称return[{url:"https://cyyjs.top/_nuxt/img/qrcode.5c9aef0.jpg",name:"head"}]}// 获取html内容constgetHtml=()=>{console.log(editorRef.value.getHtml())}// 获取目录结构constgetOutline=()=>{console.log(editorRef.value.getOutline())}// 设置markdown 内容constsetValue=(v)=>{editorRef.value.setValue(v)}