【求助】vue使用mavon-editor编辑器后，怎么把保存的markdown代码输入到前台页面呢？

Question

百度了一下根据“https://www.cnblogs.com/rich2...”这篇文章后

---

1、先安装
npm install marked -S

2、然后导入

import marked from 'marked'

3、最后

this.content = marked(markdowncontent)

但是部分还是失效，不知道为什么？

---

一、编辑器内容如图：

二、html渲染如图

Answer 1

好多都是 markdown 的方言，比如这个居左居右，标记，下划线，人家就没有这几个的标准语法

所以你需要一个支持方言/自定义语法的，markdown to html parser：
https://github.com/markedjs/m...
https://github.com/markdown-i...

Answer 2

第一种方法（常用）：
通常来说，后端是保存两份的，一份是markdown,一份是html。
marvon-editor在内容变动时也有这两个参数的。
markdown用于编辑,html用于展示。但是光此，还不能保持预览样式，因为展示时候的CSS没有引入，我之前是审查元素，把编辑模式下的CSS文件拷贝了一份用到展示的地方。

另一个方法：
也可以使用showdown这类markdown转html插件将内容转为html，但是这个方法不如第一种方法，因为markdown解析规则不一致的原因,可能会出现预览和实际样式不符合，或者需要很多配置的情况。

---

之前我的个人博客网站就是用这个编辑器，不过感觉不太顺手，近两天换了一个富文本编辑器。