Trova tag HTML di chiusura in Sublime Text

131

Ho un documento HTML molto lungo e molto annidato, dove devo trovare rapidamente il tag di chiusura. Come posso fare questo?

html sublimetext

— Pavel Binar
fonte

vedi anche superuser.com/questions/489879/… Ctrl + Maiusc + '// con plug-in emmet

— Eran o il

136

Prova il comando plug-in Emmet Vai alla coppia corrispondente :

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

Scorciatoia (Mac): Shift+ Control+T

Collegamento (PC): Control+ Alt+J

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

— Mikko Ohtamaa
fonte

1

Figo, grazie. In realtà sto usando Emmet quindi è l'ideale. La scorciatoia è: Shift + T Ctrl + .

— Pavel Binar,

1

per l'utente di Windows, il collegamento al momento della scrittura è Control + Alt + J

— cyberfly

2

Grazie! Control + Alt + J funziona anche su Linux (testato su Linux Mint 14, Sublime Text 3)

— José Tomás Tocino

@AllanRuin Ruin Per me su Windows, con Emmet attivo in ST2, funziona solo per saltare al tag di chiusura dal tag iniziale, non viceversa.

— Volker E.

2

Il plugin Emmet funziona alla grande. Non DEVI usare la scorciatoia da tastiera, apri la Tavolozza in modo sublime (Maiusc + Comando + P) e inizia a digitare "coppia corrispondente")

— Max

124

Esiste un collegamento ( Ctrl+ Shift+ Aper utenti Windows e Linux, Command+ Shift+ Aper utenti Mac) per selezionare l'intero blocco all'interno del tag attualmente selezionato.

Ad esempio, se lo si premesse mentre il cursore di testo si trovava all'interno del divtag esterno nel codice seguente, tutte le divs con classe selectedsarebbero state selezionate.

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

— jeffsama
fonte

7

hai cambiato il mio mondo!

— Quaking-Mess

1

Grazie! Ho usato questo consiglio durante la modifica di un orribile casino di html, è estremamente utile

— Liam

7

Per selezionare anche il tag principale, basta usare di nuovo il collegamento ed espande la selezione!

— TimoSolo,

Secondo me dovrebbe essere la risposta giusta! Semplice e nessun plug-in necessario

— Hamri Said

non risponde esattamente alla domanda, ma la risposta diventa quindi banale. Per trovare il tag di chiusura è necessario guardare alla fine della selezione o premere il tasto freccia destra.

— Frazer Kirkman,

12

È integrato almeno da Sublime Editor 2. Basta premere quanto segue per bilanciare il tag HTML

Scorciatoia (Mac): Shift+ Command+ A

Scorciatoia (Windows): Control+ Alt+ A

— K. Kilian Lindberg
fonte

7

Nel menu "Vai a", Control+ Mè Vai alla parentesi corrispondente. Funziona anche tra parentesi.

— Jeremy Ross
fonte

29

Funziona con parentesi, funziona tra parentesi, ma non funziona con tag html.

— John Pancoast,

7

-1. Non risponde alla domanda, che riguarda i tag HTML.

— Zenadix,

Sta solo trovando le parentesi corrispondenti. Come posso impostare questa funzione per cercare anche { } [] <>?

— SherylHohman,

4

Nessuno dei precedenti ha funzionato su Sublime Text 3 su Windows 10, Ctrl + Shift + 'con il plugin Emmet Sublime Text 3 funziona alla grande ed è stata l'unica soluzione funzionante per me. Ctrl + Maiusc + T riapre l'ultimo oggetto chiuso e, per quanto ne so di Sublime, lo ha fatto sin dalle prime versioni di ST3 o dalle versioni successive di ST2.

— Brandito
fonte

3

Come detto prima, Control/ Command+ Shift+A ti fornisce il supporto di base per la corrispondenza dei tag. Premerlo di nuovo per estendere la corrispondenza all'elemento padre. Premere la freccia sinistra / destra per saltare al tag di inizio / fine.

Ad ogni modo, non è presente l'evidenziazione integrata dei tag corrispondenti. Emmet è un plugin popolare ma è eccessivo per questo scopo e può interferire se non vuoi un editing simile a Emmet. Evidenziatore a staffa sembra essere una scelta migliore per questo caso d'uso.

— wortwart
fonte

fratello grande informazione,

— mwangaben

2

Penso che potresti voler provare un altro approccio con la piegatura abilitata.

In ST2 e ST3, se si attiva la piegatura in Impostazioni utente:

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

Puoi vedere il pulsante di piegatura del triangolo sul lato sinistro della linea in cui si trova il tag iniziale. Fare clic per espandere / piegare. Se vuoi copiare, piegare e copiare, ottieni tutto il blocco.

— WesternGun
fonte

Il problema con questo per me è che </scrivo + <kbd> TAB </kbd> e se non chiude il tag corretto, so che ho un tag aperto penzolante da qualche parte, non so DOVE quel tag aperto si trova in questo file HTML a 6000 righe.

— Mark Tomlin,

Prova qualche plug-in di formattazione? Forse codelint o qualcosa del genere? Alcuni online, forse

— WesternGun