Finden Sie das schließende HTML-Tag in Sublime Text

131

Ich habe ein sehr langes und sehr verschachteltes HTML-Dokument, in dem ich das schließende Tag schnell finden muss. Wie kann ich das machen?

html sublimetext Pavel Binar
quelle

Siehe auch superuser.com/questions/489879/… Strg + Umschalt + '// mit Emmet-Plugin

Eran oder

136

Versuchen Sie den Emmet-Plug-In-Befehl. Gehe zu Matching Pair :

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

Verknüpfung (Mac): Shift+ Control+T

Verknüpfung (PC): Control+ Alt+J

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

Mikko Ohtamaa
quelle

1

Cool, danke. Ich benutze eigentlich Emmet, also ist das ideal. Die Verknüpfung ist: Shift + Strg + T .

Pavel Binar

1

Für Windows-Benutzer ist die Verknüpfung zum Zeitpunkt des Schreibens

Strg

2

Vielen Dank! Control + Alt + J funktioniert auch unter Linux (getestet unter Linux Mint 14, Sublime Text 3)

José Tomás Tocino

@AllanRuin Ruin Für mich unter Windows, bei dem Emmet in ST2 aktiv ist, funktioniert es nur, vom Start-Tag zum schließenden Tag zu springen, nicht umgekehrt.

Volker E.

2

Das Emmet-Plugin funktioniert hervorragend. Sie MÜSSEN die Tastenkombination nicht verwenden, öffnen Sie einfach Ihre Palette in erhabener Form (Umschalt + Befehl + P) und geben Sie "Matching Pair" ein

Max

124

Es gibt eine Verknüpfung ( Ctrl+ Shift+ Afür Windows- und Linux-Benutzer, Command+ Shift+ Afür Mac-Benutzer), um den gesamten Block innerhalb des aktuell ausgewählten Tags auszuwählen.

Wenn Sie dies beispielsweise gedrückt haben, während sich Ihr Textcursor innerhalb des äußeren divTags im folgenden Code befand, werden alle divs mit Klasse selectedausgewählt.

<div class='current_tag_block'>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
</div>

jeffsama
quelle

7

Du hast meine Welt verändert!

Quaking-Mess

1

Vielen Dank! Ich habe diesen Tipp verwendet, als ich ein schreckliches Durcheinander von HTML bearbeitet habe. Es ist äußerst hilfreich

Liam

7

Um auch das übergeordnete Tag auszuwählen, verwenden Sie einfach die Verknüpfung erneut und es erweitert die Auswahl!

TimoSolo

Sollte meiner Meinung nach die richtige Antwort sein! Unkompliziert und kein Plug-In erforderlich

Hamri sagte

es beantwortet die Frage nicht genau, aber die Antwort wird dann trivial. Um das schließende Tag zu finden, müssen Sie sich das Ende der Auswahl ansehen oder die rechte Pfeiltaste drücken.

Frazer Kirkman

12

Es ist mindestens aus Sublime Editor 2 integriert. Drücken Sie einfach die folgende Taste und das HTML-Tag wird ausgeglichen

Verknüpfung (Mac): Shift+ Command+ A

Verknüpfung (Windows): Control+ Alt+ A

K. Kilian Lindberg
quelle

7

Im Menü "Springen" ist Control+ " MZu passender Klammer springen". Funktioniert auch für Klammern.

Jeremy Ross
quelle

29

Funktioniert für Klammern, funktioniert in Klammern, funktioniert jedoch nicht für HTML-Tags.

John Pancoast

7

−1. Beantwortet nicht die Frage, die sich mit HTML-Tags befasst.

Zenadix

Es werden nur passende Klammern gefunden. Wie stelle ich diese Funktion ein, nach der auch gesucht werden soll { } [] <>?

SherylHohman

3

Wie bereits erwähnt, bietet Ihnen Control/ Command+ Shift+ Agrundlegende Unterstützung für den Tag-Abgleich. Drücken Sie erneut, um die Übereinstimmung auf das übergeordnete Element zu erweitern. Drücken Sie den Pfeil nach links / rechts, um zum Start- / End-Tag zu springen.

Auf jeden Fall gibt es keine integrierte Hervorhebung übereinstimmender Tags. Emmet ist ein beliebtes Plugin, aber es ist zu diesem Zweck übertrieben und kann stören, wenn Sie keine Emmet-ähnliche Bearbeitung wünschen. Bracket Highlighter scheint für diesen Anwendungsfall die bessere Wahl zu sein.

wertlos
quelle

tolle Info Bruder,

Mwangaben

3

Keine der oben genannten Funktionen funktionierte unter Sublime Text 3 unter Windows 10, Strg + Umschalt + 'mit dem Emmet Sublime Text 3-Plugin funktioniert hervorragend und war die einzige funktionierende Lösung für mich. Strg + Umschalt + T öffnet das letzte geschlossene Element erneut und hat dies meines Wissens nach Sublime seit frühen Builds von ST3 oder späten Builds von ST2 getan.

Brandito
quelle

2

Ich denke, Sie möchten vielleicht einen anderen Ansatz mit aktivierter Faltung ausprobieren.

Wenn Sie sowohl in ST2 als auch in ST3 das Falten in den Benutzereinstellungen aktivieren:

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

Sie können den Dreieck-Faltknopf auf der linken Seite der Linie sehen, in der sich das Start-Tag befindet. Klicken Sie darauf, um es zu erweitern / zu falten. Wenn Sie kopieren, falten und kopieren möchten, erhalten Sie alle Blöcke.

WesternGun
quelle

Das Problem dabei ist für mich, dass ich </+ <kbd> TAB </ kbd> eingebe und wenn es nicht das richtige Tag schließt, weiß ich, dass ich irgendwo ein baumelndes offenes Tag habe, ich weiß nur nicht WO Dieses offene Tag befindet sich in dieser HTML-Datei mit 6000 Zeilen.

Mark Tomlin

Versuchen Sie ein Formatierungs-Plugin? Vielleicht Codelint oder so? Einige online vielleicht

WesternGun

Finden Sie das schließende HTML-Tag in Sublime Text

Antworten: