Osvědčené postupy

# Mezery kolem podmíněných atributů

Podmínky se někdy používají k přidání tříd do značky. djLint odstraňuje prázdné znaky uvnitř podmíněných příkazů.

Tento zápis doporučujeme:

<div class="class1 {% if condition -%}class2{%- endif %}">content</div>
                  ^ space here

Tento zápis nedoporučujeme:

<div class="class1{% if condition -%} class2{%- endif %}">content</div>
                                     ^ space here

# format_attribute_template_tags a podmíněné atributy bez mezer

Pokud je zapnutá možnost format_attribute_template_tags, měly by podmíněné atributy používat značky bez mezer, například {% if a -%} v nunjucks a jinja, které odstraní mezery uvnitř značky.

djLint rozdělí dlouhé atributy na více řádků a prázdné znaky ponechané uvnitř atributů by mohly rozbít váš kód.

Tento zápis doporučujeme:

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

Každá označená pozice je značka bez mezer.

Tento zápis nedoporučujeme:

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

Po formátování by mohl vypadat takto:

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