Meilleures Pratiques

Espaces autour des attributs conditionnels

Parfois, les conditions sont utilisées pour ajouter des classes à une balise. djLint supprime les espaces à l’intérieur des déclarations conditionnelles.

Ce modèle est recommandé :

<div class="class1 {% if condition -%}class2{%- endif %}">contenu</div>
^ espace ici

Ce modèle n’est pas recommandé :

<div class="class1{% if condition -%} class2{%- endif %}">contenu</div>
^ espace ici

format_attribute_template_tags et des attributs conditionnels non spatiaux

Si l’option format_attribute_template_tags est activée, les attributs conditionnels devraient utiliser des balises sans espace, par exemple {% if a -%} dans nunjuck et jinja, pour supprimer les espaces à l’intérieur des.

djLint formatera les attributs longs sur plusieurs lignes, et l’espacement conservé à l’intérieur des attributs pourrait casser votre code.

Ce modèle est recommandé :

<input
value="{% if database -%}{{ database.name }}{%- else -%}blah{%- endif %}"
/>

^ ^ ^ ^ -- tags sans espace

Ce modèle n’est pas recommandé :

<input value="{% if database %}{{ database.name }}{% else %}blah{% endif %}" />

Après le formatage, cela pourrait ressembler à ceci :

<input
value="{% if database %}
{{ database.name }}
{% else %}
blah
{% endif %}"

/>
Modifier cette page Actualisé Sep 26, 2022