javascript - 如何使用 nunjucks 和 gulp-data 的 JSON 数据中的 HTML 内容？

Question

如何将 HTML 与 JSON 结合使用 Gulp-data ？我在 Gulp 的静态网站构建过程中使用它，Nunjucks和 MJML

JSON

{
 message:"Welcome to <span class='red'>world</span>"
}

.nunjucks 文件

{{ message }}

在最终的 HTML 输出中给出此输出

Welcome to <span class='red'>world</span>

Answer 1

看起来 Nunjucks 默认使用 autoescaping: true (由于他们的文档)。

gulp-nunjucks-render 使用 envOptions 配置模板引擎(其代码的第 20 行)。

您可以尝试在 gulp 的选项中传递 autoescaping: false 来禁用转义(更多信息参见 readme )。

或者您可以只使用{{ message | safe }} 在模板中禁用一段代码的转义。模式信息位于 API Docs: Autoescaping