空格

Question

我有Django模板看起來像這樣：

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

的問題是，Django的插入空格在DIV，這樣下收益率的代碼

A 
B 

代替AB：

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

如果我重寫HTML代碼，如下所示（由BR ing </div>在同一行上）：

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

......問題消失。不過，我確實喜歡HTML結構，其結尾位於新行。我怎樣才能保持這種結構，使元素是真正的空白，我可以看到佔位符值？

Answer 1

您可以使用{% spaceless %} HTML標籤之間的空格去掉：

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

更多{% spaceless %}here。

Answer 2

使用spaceless模板標籤的解決方案很好，如果您只有幾個需要消除空格的地方，但不應該有太多地方或將整個內容包含在spaceless中。

我的觀點是，它的JavaScript的工作，要知道，內容可能會包含空格，因此就使用類似trim()功能內HTML：

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

除此之外，用換行，就像你縮進代碼但是，我建議使用django-htmlmin之類的工具在製作時將其縮小，以便在模板到達用戶時將其壓縮。