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

Question

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

JSON

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

.nu​​njucks 文件

{{ message }}

在最终的 HTML 输出中给出这个输出

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

Answer 1

看起来 Nunjucksautoescaping: true默认使用（由于他们的文档）。

gulp-nunjucks-render用于envOptions配置模板引擎（代码第 20 行）。

您可以尝试autoescaping: false在 gulp 中传递选项以禁用转义（更多信息在自述文件中）。

或者你可以{{ message | safe }}在你的模板中使用来禁用一段代码的转义。API Docs中的模式信息：Autoescaping