技术

React-markdown没有正确解析显示quote样式

一些骚操作

错误的样式

在md文件中,明明配置了quote(也就是>符号),但是没有生效?

排查

react-markdown通过将markdown解析为html展示在页面上。其中>引用被解析为blockquote。 可以得出debug思路:

1.编码问题?BOM会导致react-markdown无法正确解析quote引用,检查编码发现格式为UTF-8,不包含BOM,不是这个问题。

2..全局检索样式后发现,没有任何blockquote样式,说明不是样式覆盖问题。

3.浏览器控制台检查样式,发现blockquote没有任何样式。

问题解决

虽然不知道blockquote的样式为什么被react-markdown丢失了,但可以直接解决这个问题,既然是解析成html渲染的,那么直接给这个blockquote添加样式就可以了,样式可以自己随便调整。

修复效果