代码格式化

djLint 的格式化工具可以处理混乱的HTML模板,使之变得格式统一且易于模仿!

代码格式化是个 beta 工具。在确认修改之前使用 --check 查看输出。

预览格式化修改内容:

djlint . --check

直接格式化:

djlint . --reformat

# 顺带格式化一下脚本和样式?
djlint . --reformat --format-css --format-js
详情请参考 配置 章节

注意

对于嵌入属性中的长段 JSON/HTML 内容,不会进行格式化。

注意

djLint 并非 HTML 解析器或语法验证器。

示例

处理前

下面是一段急需处理的 HTML 代码块 -

{% load admin_list %}{% load i18n %}<p class="paginator">{% if pagination_required %}{% for i in page_range %}{% paginator_number cl i %}{% endfor %}{% endif %}{{ cl.result_count }}{% if cl.result_count == 1 %}{{ cl.opts.verbose_name }}   {% else %}{{ cl.opts.verbose_name_plural }}       {% endif %}{% if show_all_url %} <a href="{{ show_all_url }}" class="showall">{% translate 'Show all' %}          </a>  {% endif %}{% if cl.formset and cl.result_count %}<input type="submit" name="_save" class="default" value="{% translate 'Save' %}">{% endif %}      </p>

处理后

看起来好多了…… 至少我们能读得下去了:

{% load admin_list %} {% load i18n %}
<p class="paginator">
  {% if pagination_required %} {% for i in page_range %} {% paginator_number cl
  i %} {% endfor %} {% endif %} {{ cl.result_count }} {% if cl.result_count == 1
  %} {{ cl.opts.verbose_name }} {% else %} {{ cl.opts.verbose_name_plural }} {%
  endif %} {% if show_all_url %}
  <a href="{{ show_all_url }}" class="showall"> {% translate 'Show all' %} </a>
  {% endif %} {% if cl.formset and cl.result_count %}
  <input
    type="submit"
    name="_save"
    class="default"
    value="{% translate 'Save' %}"
  />
  {% endif %}
</p>
编辑此页 最后更新 Jun 4, 2026