Лучшие Практики

Пробелы вокруг условных атрибутов

Иногда условия используются для добавления классов в тег. djLint удаляет пробелы внутри условных операторов.

Этот шаблон рекомендуется:

<div class="class1 {% if condition -%}class2{%- endif %}">содержание</div>
^ место здесь

Эта схема не рекомендуется:

<div class="class1{% if condition -%} class2{%- endif %}">содержание</div>
^ место здесь

format_attribute_template_tags и беспространственные условные атрибуты

Если format_attribute_template_tags опция включена, условные атрибуты должны использовать теги без пробелов, например {% if a -%} в nunjuck и jinja, чтобы удалить пробелы внутри.

djLint будет форматировать длинные атрибуты на несколько строк, и пробелы, сохраненные внутри атрибутов, могут сломать ваш код.

Рекомендуется использовать этот шаблон:

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

^ ^ ^ ^ -- беспространственные метки

Эта схема не рекомендуется:

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

После форматирования это может выглядеть следующим образом:

<input
value="{% if database %}
{{ database.name }}
{% else %}
бла
{% endif %}"

/>