Encuentra la etiqueta HTML de cierre en Sublime Text

131

Tengo un documento HTML muy largo y muy anidado, donde necesito encontrar rápidamente la etiqueta de cierre. ¿Cómo puedo hacer esto?

Pavel Binar
fuente
ver también superuser.com/questions/489879/… Ctrl + Shift + '// con el complemento de emmet
Eran o

Respuestas:

136

Pruebe el comando del complemento Emmet Ir al par coincidente :

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

Atajo (Mac): Shift+ Control+T

Atajo (PC): Control+ Alt+J

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

Mikko Ohtamaa
fuente
1
Genial, gracias. De hecho, estoy usando Emmet, así que es ideal. El acceso directo es: Shift + Control + T .
Pavel Binar
1
para usuarios de Windows, el acceso directo al momento de escribir es Control + Alt + J
cyberfly
2
¡Gracias! Control + Alt + J también funciona en Linux (probado bajo Linux Mint 14, Sublime Text 3)
José Tomás Tocino
@AllanRuin Ruin Para mí en Windows, con Emmet activo en ST2, simplemente funciona saltar a la etiqueta de cierre desde la etiqueta de inicio, no al revés.
Volker E.
2
El complemento de Emmet funciona muy bien. No tiene que usar el atajo de teclado, simplemente abra su paleta en sublime (Mayús + Comando + P) y comience a escribir 'par coincidente')
Máx.
124

Hay un acceso directo ( Ctrl+ Shift+ Apara usuarios de Windows y Linux, Command+ Shift+ Apara usuarios de Mac) para seleccionar todo el bloque dentro de la etiqueta seleccionada actualmente.

Por ejemplo, si presionó esto mientras su cursor de texto estaba dentro de la divetiqueta externa en el código a continuación, se seleccionarían todos los divs con clase selected.

<div class='current_tag_block'>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
</div>
jeffsama
fuente
77
has cambiado mi mundo!
Quaking-Mess
1
¡Gracias! Usé este consejo al editar un horrible desastre de html, es extremadamente útil
Liam
77
Para seleccionar también la etiqueta principal, simplemente use el atajo nuevamente y ¡expandirá la selección!
TimoSolo
¡Debería ser la respuesta correcta en mi opinión! Directo y sin necesidad de plug-in
dijo Hamri el
no responde exactamente la pregunta, pero la respuesta se vuelve trivial. Para encontrar la etiqueta de cierre, debe mirar al final de la selección o presionar la tecla de flecha derecha.
Frazer Kirkman
12

Está integrado en Sublime Editor 2 al menos. Simplemente presione lo siguiente y equilibrará la etiqueta HTML

Atajo (Mac): Shift+ Command+ A

Atajo (Windows): Control+ Alt+ A

K. Kilian Lindberg
fuente
7

En el menú "Ir a", Control+ Mes Saltar al soporte correspondiente. Funciona para paréntesis también.

Jeremy Ross
fuente
29
Funciona para corchetes, funciona para paréntesis, pero no funciona para etiquetas html.
John Pancoast
77
−1. No responde la pregunta, que trata sobre las etiquetas HTML.
Zenadix
Solo encuentra paréntesis coincidentes. ¿Cómo configuro esta función para que también busque { } [] <>?
SherylHohman
4

Ninguno de los anteriores funcionó en Sublime Text 3 en Windows 10, Ctrl + Shift + 'con el complemento Emmet Sublime Text 3 funciona muy bien y fue la única solución que funcionó para mí. Ctrl + Shift + T vuelve a abrir el último elemento cerrado y, según mi conocimiento de Sublime, lo ha hecho desde las primeras versiones de ST3 o las últimas de ST2.

Brandito
fuente
3

Como se dijo anteriormente, Control/ Command+ Shift+ Ale brinda soporte básico para la coincidencia de etiquetas. Presiónelo nuevamente para extender la coincidencia al elemento padre. Presione la flecha izquierda / derecha para saltar a la etiqueta de inicio / fin.

De todos modos, no hay resaltado incorporado de etiquetas coincidentes. Emmet es un complemento popular, pero es excesivo para este propósito y puede interferir si no desea una edición similar a Emmet. Bracket Highlighter parece ser una mejor opción para este caso de uso.

Wortwart
fuente
gran información hermano,
mwangaben
2

Creo que es posible que desee probar otro enfoque con el plegado habilitado.

Tanto en ST2 como en ST3, si habilita el plegado en la configuración de Usuario:

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

Puede ver el botón plegable del triángulo en el lado izquierdo de la línea donde está la etiqueta de inicio. Haz clic para expandir / plegar. Si quieres copiar, doblar y copiar, obtienes todo el bloque.

ingrese la descripción de la imagen aquí

WesternGun
fuente
El problema con esto para mí es que </escribo + <kbd> TAB </kbd> y si no cierra la etiqueta correcta, sé que tengo una etiqueta abierta en algún lugar, simplemente no sé DÓNDE esa etiqueta abierta está en este archivo HTML de 6000 líneas.
Mark Tomlin
¿Prueba algún complemento de formato? Tal vez codelint o algo así? Algunos en línea, quizás
WesternGun