发现简书是如何统筹富文本内容和渲染markdown的
优采云 发布时间: 2021-07-29 18:30发现简书是如何统筹富文本内容和渲染markdown的
背景:
发现简书的网站可以使用富文本编辑器和markdown编辑器。富文本的内容说起来容易,可以直接显示,但是markdown的内容需要渲染转换成html格式才能正常显示。
混乱:
不知道简书保存markdown内容的时候保存的是什么内容?是保存的markdown源码,还是保存的转换内容?
如果有markdown源码,前端如何展示富文本内容并渲染markdown?
原因:
因为是自己写的博客,所以也是用的markdown编辑器。我目前的做法是保存markdown源码,然后在前端展示时将markdown内容渲染解析成html。我发现这种方式消耗的有点多,而且内容显示的比较快。有点慢(毕竟需要markdown解析)。
我也试过直接保存解析后的内容,然后前端显示就不需要解析了,但是显示的时候内容样式会异常(比如:tables就不能正常显示了、流程图、数学公式也显示不出来)。因此,我们只能暂时使用前端来动态分析表单。
请问你如何处理像上面这种情况的markdown内容?我可以分享哪些经验?
我已经解决了这个问题。据推测,短书是经过分析后存储的,最好的方法是这样做。以上原因中,我的网站前端页面显示乱七八糟,因为相关css没有调整,现在完全可以使用了。