将原始 Markdown 文本传递给 Jade

Question

我正在尝试我的第一个 Node.js Express 应用程序，正如每个程序员都知道的那样，您应该做的第一件事测试新框架时构建是博客！不管怎样，我想用 Markdown 写文章，然后在视图中渲染它。我看到 Jade 允许使用过滤器在视图本身内部完成此操作，但我无法使其工作。

为了简化情况，下面是我正在讨论的一个例子。

//app.js
res.render("article", {
    md : "Hello World!\n\n*Woo*"
});

//article.jade
section
    :markdown
        #{md}

但是，输出如下：

{md}

...它没有替换我传递给的变量它。

然后我尝试了这个：

//article.jade
section
    :markdown
        !{md}

输出是这样的：

<section><p>Hello World!

*Woo*</p></section>

所以，现在它不解析降价！

我已经能够通过解析 app.js 文件中的 markdown 然后将 HTML 传递到视图来显示，但我不知道，这看起来有点混乱。

有没有办法将变量传递到 Jade 过滤器中？

Answer 1

您可以使用从节点传递到jade的函数来完成此操作：

var md = require("node-markdown").Markdown;

然后将其作为本地传递到视图中：

res.render('view', { md:md, markdownContent:data });

然后通过调用该函数将其渲染在jade视图中：

!= md(markdownContent)

Answer 2

节点模块 node-markdown 已弃用。 标记为高级新版本。你可以这样尝试

var md = require('marked');

在你的路由器里面

res.render('template', { md: md });

你的玉模板里面

div!= md(note.string)

Answer 3

我不认为玉可以开箱即用地做到这一点。实现此目的的一种方法可能比预渲染 markdown 稍微干净一些，那就是创建一个名为 markdown 的辅助函数，它接受一个 markdown 字符串并返回 HTML。然后你可以做类似的事情，

section
    != markdown(md)

当你渲染jade模板时，markdown函数应该包含在locals数据中，并且可以直接使用markdown库将markdown语法转换为HTML。

Answer 4

如果您使用 Scala 的 Jade 支持，您可以输入：

section
    :&markdown
        #{md}

您还可以使用以下命令导入外部文件：

section
    :&markdown
        #{include("MyFile.md")}