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é Nov 2, 2024