mavonEditor-vue markdown 插件填坑(1)保存与回显

本文主要探讨mavonEditor在Vue中的应用,重点在于如何处理Markdown编辑器的文件保存和文章回显。在官方文档不完善的情况下,作者分享了如何通过设置ref并使用$set方法实现数据保存,以及避免在文章回显时引入不必要的CSS,确保代码高亮和样式正确。同时,文章预告了将讨论的图片上传与删除问题。
摘要由CSDN通过智能技术生成

mavonEditor

Vue中,,markdown插件并不是很多,特别是一直保持更新的,只有这一款,我用了下,有点"不好用",这个不好用并不是插件不好,而是官方文档里面的内容有些说的并不是很清楚,好多就得自己摸索

github

demo

保存文件

鉴于修改和渲染方便,我们一般是保存两份文件,一份是md文件,用于修改;一份是渲染过的html,用于前台展示。

有两种方法:

  • 有自带的save方法(具体没用过)
  • 如果还有别的 item, 如 title,date等等,需要之后同意提交,建议用以下方法
<mavon-editor ref=md @imgAdd="$imgAdd"
        codeStyle
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值