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

Question

如何使用 HTML 和 JSON 以及 Gulp-data ? I'm using it in a static website building process with Gulp, Nunjucks and 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

中的模式信息