javascript - Nunjucks 包含意外地将文本插入 DOM

Question

我正在将 Nunjucks 与 Express 和 node.js 一起使用。我很困惑为什么 Nunjucks 会导致将文本插入到不应该存在的 DOM 中。

例子：

模板/test.html：

<div></div>

测试.html：

{% include "templates/test.html" %}
<div>
    This is a test...
</div>

生成的源代码如预期：

<div></div>
<div>
    This is a test...
</div>

但是它并没有像我预期的那样呈现。检查 DOM 时：

""
<div></div>
<div>
    This is a test...
</div>

正如预期的那样，如果我使用开发人员工具从 DOM 中删除“”，它会按照我的预期呈现。

如果有人解释这一点并提出一种防止它发生的方法，我将不胜感激。

提前致谢...

score 3 · Accepted Answer

OP自己解决了这个问题：

通常我已经想出了答案；）

Nunjucks 使用“-”控制空格：

{%- include "templates/test.html" -%}

这会在前后去除空格。

（由于是新的 SO 用户，我无法回答自己的问题）

1 回答 1