'Ident between django tag {%%} in vs code

I would like to indent my code between the django tags {%%}.

e.g from

{% for disease in diseases %}
<h3 class="card flex flex--center-all grid__element">{{ disease}}</h3>
{% endfor %}

to this:

{% for disease in diseases %}
    <h3 class="card flex flex--center-all grid__element">{{ disease}}</h3>
{% endfor %}

Unfortunately Beautify automaticly unindent, and the default formatter in vs code stick all the blocks on the same line.

I tried to change the Vs code settings by creating new tags, or new brackets, or changing the way VS code indent. Nothing work.

All helps are welcome.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source