moxi624/mogu_blog_v2

后台管理系统采用 MarkDown 编辑博客进行提交会出多出反义符号

Closed this issue · 3 comments

问题复现

image
比如说我想要红框内的字母用公式表示,然后我把它复制到$ $

image
则对于一些非字母符号会自动出现转义符号\

提交上传之后也无法正常显示:
image

蘑菇博客的markdown编辑器是由Vditor支持的,于是我查看了并尝试了Vditor` 的在线 demo ,发现也存在同样的问题:
image

问题如何解决

我个人认为大概率是 Vditor 的问题,可能是 Vditor 对转义符号的特殊操作导致的。下一步我将尝试寻找一些 markdown 编辑器试试能不能解决这个问题。

或者也有可能是本地提交之后,文件的保存之类的操作有问题,因为在 Vditor 的相关 issue 里我并未找到类似的问题,并且 Vditor 提供的 demo 并不提供保存功能,所以我还没有进一步尝试。

但是 Vditor 里也的确存在多加转义符号的问题,所以我还是觉得问题在于 Vditor 的可能性更大一些。

经过我的调试,发现最后的问题是: 本项目的采用的 Vditor 的原生方法 getHtml() 无法正确地将 markdown 转换为 html,且 Vditor 在将 html 读取为 markdown 字符串时,会将数学符号多加转义符号。
改进方法:将本来博客表中存储 html 的方式改为存储 markdown 字符串,在 web 端读取时,将 markdown 字符串通过 showdown 转换成 html,再通过mathjax将 html 中的数学公式渲染为我们正常看到的公式。
结果:
image

后续我会对该功能进行进一步测试