Html Django模板空div中插入的空格

我有一个Django模板，如下所示：

<div class = 'description' contenteditable = 'true' placeholder='{{my_placeholder}}'>
</div>

而不是

AB

：

alert('A' + $('.new').find('.description').html() + 'B');

如果我将HTML代码重写如下（通过在同一行上带

）：

div class='description'contenteditable='true'占位符='{{my_占位符}}'>

---

…问题消失了。然而，我确实喜欢HTML结构，它的结尾在一个新行上。如何保持此结构，使元素真正为空，并且可以看到占位符值？

您可以使用

{%spaceless%}

删除HTML标记之间的空白：

{% spaceless %}
<div class = 'description' contenteditable = 'true' placeholder='{{my_placeholder}}'>
</div>
{% endspaceless %}

{%spaceless%}
{%endspaceless%}

---

关于

{%spaceless%}

的更多信息如果您只有少数几个急需消除空白的点，那么使用

无空格

模板标记的解决方案是不错的，但是您不应该有太多空白或将整个内容包装在

无空格

中

我的观点是，JavaScript需要注意内容可能包含空格，因此只需对内部HTML使用类似

trim（）

函数的内容：

alert('A' + $('.new').find('.description').html().trim() + 'B');

---

除此之外，对于可读性而言，带有换行符的缩进代码是非常好的，但是，我建议在生产过程中使用这样的工具来缩小它，当模板到达用户手中时，它会压扁模板。

您可以在第一行末尾开始一个HTML注释，在第二行的结束div标记之前结束它。。。除此之外，您也无能为力，因为这只是HTML处理空白的方式。（“Django插入空格”当然是胡说八道。你在模板中插入了空格。）

{% spaceless %}
<div class = 'description' contenteditable = 'true' placeholder='{{my_placeholder}}'>
</div>
{% endspaceless %}

alert('A' + $('.new').find('.description').html().trim() + 'B');