Rechercher la balise HTML de fermeture dans Sublime Text

131

J'ai un document HTML très long et très imbriqué, où je dois trouver rapidement la balise de fermeture. Comment puis-je faire ceci?

Pavel Binar
la source
voir aussi superuser.com/questions/489879/… Ctrl + Shift + '// avec le plugin emmet
Eran Ou

Réponses:

136

Essayez la commande de plug-in Emmet Go To Matching Pair :

http://docs.emmet.io/actions/go-to-pair/

Raccourci (Mac): Shift+ Control+T

Raccourci (PC): Control+ Alt+J

https://github.com/sergeche/emmet-sublime#available-actions

Mikko Ohtamaa
la source
1
Cool merci. J'utilise Emmet donc c'est idéal. Le raccourci est: Maj + Ctrl + T .
Pavel Binar
1
pour les utilisateurs Windows, le raccourci au moment de la rédaction est Ctrl + Alt + J
cyberfly
2
Merci! Control + Alt + J fonctionne également sous Linux (testé sous Linux Mint 14, Sublime Text 3)
José Tomás Tocino
@AllanRuin Ruin Pour moi sur Windows, avec Emmet actif dans ST2, cela fonctionne simplement pour passer à la balise de fermeture à partir de la balise de départ, et non l'inverse.
Volker E.
2
Le plugin Emmet fonctionne très bien. Vous n'avez pas besoin d'utiliser le raccourci clavier, ouvrez simplement votre palette en sublime (Maj + Commande + P) et commencez à taper `` paire correspondante '')
Max
124

Il existe un raccourci ( Ctrl+ Shift+ Apour les utilisateurs Windows et Linux, Command+ Shift+ Apour les utilisateurs Mac) pour sélectionner tout le bloc dans la balise actuellement sélectionnée.

Par exemple, si vous appuyez divdessus alors que votre curseur de texte se trouvait dans la balise externe du code ci-dessous, tous les divs avec classe selectedseraient sélectionnés.

<div class='current_tag_block'>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
</div>
Jeffsama
la source
7
tu as changé mon monde!
Quaking-Mess
1
Merci! J'ai utilisé cette astuce lors de l'édition d'un horrible gâchis de HTML, c'est extrêmement utile
Liam
7
Pour sélectionner également la balise parent, il suffit d'utiliser à nouveau le raccourci et cela élargit la sélection!
TimoSolo
Cela devrait être la bonne réponse à mon avis! Simple et sans plug-in nécessaire
Hamri Said
il ne répond pas exactement à la question, mais la réponse devient alors triviale. Pour trouver la balise de fermeture, vous devez regarder la fin de la sélection ou appuyer sur la flèche vers la droite.
Frazer Kirkman
12

Il est au moins intégré à Sublime Editor 2. Appuyez simplement sur ce qui suit et cela équilibre la balise HTML

Raccourci (Mac): Shift+ Command+ A

Raccourci (Windows): Control+ Alt+ A

K. Kilian Lindberg
la source
7

Sous le menu «Aller», Control+ Mest Aller au support correspondant. Fonctionne également pour les parenthèses.

Jeremy Ross
la source
29
Fonctionne pour les crochets, fonctionne pour les parenthèses, mais ne fonctionne pas pour les balises html.
John Pancoast
7
−1. Ne répond pas à la question, qui concerne les balises HTML.
Zenadix
Il ne trouve que les parenthèses correspondantes. Comment configurer cette fonctionnalité pour qu'elle recherche également { } [] <>?
SherylHohman
4

Rien de ce qui précède n'a fonctionné sur Sublime Text 3 sous Windows 10, Ctrl + Shift + 'avec le plugin Emmet Sublime Text 3 fonctionne très bien et était la seule solution de travail pour moi. Ctrl + Shift + T rouvre le dernier élément fermé et à ma connaissance de Sublime, il l'a fait depuis les premières versions de ST3 ou les dernières versions de ST2.

Brandito
la source
3

Comme indiqué précédemment, Control/ Command+ Shift+ Avous offre un support de base pour la correspondance de balises. Appuyez à nouveau pour étendre la correspondance à l'élément parent. Appuyez sur la flèche gauche / droite pour accéder à la balise de début / fin.

Quoi qu'il en soit, il n'y a pas de mise en évidence intégrée des balises correspondantes. Emmet est un plugin populaire, mais il est excessif à cette fin et peut vous gêner si vous ne voulez pas d'édition de type Emmet. Bracket Highlighter semble être un meilleur choix pour ce cas d'utilisation.

wortwart
la source
grand frère info,
mwangaben
2

Je pense que vous voudrez peut-être essayer une autre approche avec le pliage activé.

Dans ST2 et ST3, si vous activez le pliage dans les paramètres utilisateur:

{
    ...(previous item)
    "fold_buttons": true,
    ...(next item, thus the comma)
}

Vous pouvez voir le bouton de pliage en triangle sur le côté gauche de la ligne où se trouve la balise de départ. Cliquez dessus pour agrandir / plier. Si vous souhaitez copier, plier et copier, vous obtenez tous les blocs.

entrez la description de l'image ici

WesternGun
la source
Le problème avec cela pour moi est que je tape </+ <kbd> TAB </kbd> et si cela ne ferme pas la balise correcte, je sais que j'ai une balise ouverte pendante quelque part, je ne sais tout simplement pas O cette balise ouverte se trouve dans ce fichier HTML de 6000 lignes.
Mark Tomlin le
Essayez un plugin de formatage? Peut-être codelint ou quelque chose? Certains en ligne, peut
WesternGun