Markdown 实时预览，如用于 rails 上 redcarpet 的 ***

Posted 2023-03-30

【中文标题】Markdown 实时预览，如用于 rails 上 redcarpet 的 ***

【英文标题】：Markdown live preview like *** for redcarpet on rails

【发布时间】：2014-02-07 14:36:10

【问题描述】：

我使用 Redcarpet 作为降价工具，并在我的 rails 应用程序中使用 coderay 来突出显示语法。我想要的是在将其发布到数据库之前预览以降价格式编写的内容。更好的选择是实时预览正在编写的内容，例如 stackoveflow。我知道还有很多其他选择，但是有什么方法可以坚持使用 redcarpet 和 coderay 并且仍然可以通过语法突出显示来预览我的帖子？大多数预览选项都会跳过语法高亮部分，甚至无法检测代码！至少将该部分检测为代码即可。我只需要在发布之前预览我的帖子。我怎样才能做到这一点？我也对使用任何所见即所得的编辑器不感兴趣！

【问题讨论】：

看看dillinger.io

【参考方案1】：

您的选择是要么坚持使用 Redcarpet 并使用 Ajax，要么切换到基于 javascript 的降价处理器，例如：https://github.com/evilstreak/markdown-js 和基于 javascript 的语法荧光笔，例如：https://github.com/google/code-prettify

使用您当前的设置，您必须通过 Ajax 将 markdown 发送到服务器，使用 Redcarpet 对其进行处理，然后将其发送回浏览器并将其注入预览区域。当流量增加时，这将在您的服务器上变得更慢和更繁重。我不会推荐它。

切换到基于 js 的 markdown 处理器和语法高亮，以便您可以在浏览器中完成所有操作。