请教“简书”网站的文章页是如何渲染富文本和markdown内容的？

问题描述

问 题

背景：

发现简书这个网站可以使用富文本编辑器和markdown编辑器，富文本的内容到是好说，直接显示即可，但是markdown的内容是需要进行渲染转换成html格式才能正常显示的。

疑惑：
我不了解的是简书在保存markdown内容的时候是存什么样的内容？是存的markdown源码呢，还是存的转换后的内容？

如果是存markdown源码，那么前端展示的时候是如何统筹富文本内容和渲染markdown的？

原因：
因为我自己写了个博客，也是用的markdown编辑器，目前我的做法是保存markdown源码，然后前端展示时再渲染解析markdown内容为html，发现这种做法消耗有点大，内容展示速度有点慢（毕竟要进行markdown解析）。
也尝试过直接保存经过解析后的内容，然后前端展示就不需要再解析，但是发现展示的时候，内容样式会不正常（比如：表格不会正常显示、流程图、数学公式也出不来）的情况。所以就只能暂时使用前端来动态解析的形式。

在此想请教一下各位，像上述这种情况要怎样处置markdown内容才好些？有哪些经验可以分享的？

自己已解决此问题，推测简书是存的解析好后的内容，然后最好的办法也是如此。上述原因中，我网站的前端页面展示错乱问题是因为相关css没有调整好，现已完全正常可用。

解决方案

转html之后，在渲染时转义方面有问题，这个可以在用过滤器等等调出来。
一般我是在后端转html把什么关键元素图片等等都专门挑出来，做专门处理的。

流程图，数学公式这些格式是怎样的各有差别。打开转义后的html看看问题在哪里逐个调好它吧，你知道渲染后是什么样子，渲染前是什么样子，打开html一看就一目了然了。当然可以自己写一个：D

这篇关于请教“简书”网站的文章页是如何渲染富文本和markdown内容的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！