Ajouter des commentaires automatiques à l'ouverture et à la fermeture d'une balise HTML dans PhpStorm

Question

Je veux ajouter des commentaires HTML à chaque <div class=""> / <div id=""> et leurs </div> 's.

Par exemple, disons que j'ai un <div class="main-container"> je veux qu'un commentaire juste après soit <!-- Start of .main-container -->

Et ensuite, après son </div> Je veux un <!-- End of .main-container -->

Un exemple de ce à quoi tout ressemblerait :

<div id="container"> <!-- Start of #container -->
    <div class="container-text"> <!-- Start of .container-text -->
        <h2> Foo </h2>
    </div> <!-- End of .container-text -->
</div> <!-- End of #container -->

Existe-t-il un moyen d'automatiser cela avec PhpStorm ? Je n'arrive pas à le comprendre, toute aide sera grandement appréciée, merci d'avance.

Answer 1

Oui et non en même temps.

Option 1 : Créer et utiliser des Modèle en direct où vous pouvez avoir le texte/code que vous voulez. Par exemple :

<div id="$NAME$"> <!-- Start of #$NAME$ -->
    $END$
</div> <!-- End of #$NAME$ -->

---

Option 2 : Si vous utilisez Emmet il dispose d'une option (un filtre en termes d'Emmet) pour ajouter un commentaire de clôture.

C'est là que la partie "non" entre en jeu : 1) seulement un commentaire de clôture et 2) il sera placé sur une nouvelle ligne (cela dépend des paramètres de formatage de votre code, je suppose) et aura un style un peu différent :

<div class="container"></div>
<!-- /.container -->

Cette option est disponible à Settings/Preferences | Editor | Emmet | HTML --> Comment tags