Localizar a tag HTML de fechamento no texto sublime

131

Eu tenho um documento HTML muito longo e muito aninhado, onde preciso encontrar rapidamente a tag de fechamento. Como posso fazer isso?

Pavel Binar
fonte
veja também superuser.com/questions/489879/… Ctrl + Shift + '// com o plugin emmet
Eran Ou 24/15

Respostas:

136

Tente o comando do plug-in Emmet Ir para o par correspondente :

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

Atalho (Mac): Shift+ Control+T

Atalho (PC): Control+ Alt+J

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

Mikko Ohtamaa
fonte
1
Legal, obrigado. Na verdade, estou usando o Emmet, então é o ideal. O atalho é: Shift + Controlo + T .
Pavel Binar
1
para usuário do Windows, o atalho no momento da escrita é Control + Alt + J
cyberfly
2
Obrigado! Controlo + Alt + J funciona em Linux, bem como (testado em Linux Mint 14, sublime Texto 3)
José Tomás Tocino
@AllanRuin Ruin Para mim no Windows, com o Emmet ativo no ST2, ele funciona para pular para a marca de fechamento da marca inicial, e não o contrário.
Volker E.
2
O plugin Emmet funciona muito bem. Você não tem que usar o atalho de teclado, basta abrir você Paleta na sublime (Shift + Command + P) e começar a digitar 'par correspondência')
Max
124

Há um atalho ( Ctrl+ Shift+ Apara usuários de Windows e Linux, Command+ Shift+ Apara usuários de Mac) para selecionar todo o bloco na tag selecionada no momento.

Por exemplo, se você pressionasse isso enquanto o cursor de texto estivesse dentro da divtag externa no código abaixo, todos os divs com classe selectedseriam selecionados.

<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
você mudou meu mundo!
Quaking-Mess
1
obrigado! Eu usei esta dica ao editar uma bagunça horrível de html, é extremamente útil
Liam
7
Para selecionar a tag principal também, basta usar o atalho novamente e ele expande a seleção!
TimoSolo 16/09
Deve ser a resposta certa na minha opinião! Simples e sem plug-in necessário #
Hamri disse
não responde exatamente à pergunta, mas a resposta se torna trivial. Para encontrar a marca de fechamento, você precisa observar o final da seleção ou pressionar a tecla de seta à direita.
Frazer Kirkman
12

Ele foi incorporado no Sublime Editor 2 pelo menos. Basta pressionar o seguinte e ele equilibra a tag HTML

Atalho (Mac): Shift+ Command+ A

Atalho (Windows): Control+ Alt+ A

K. Kilian Lindberg
fonte
7

No menu "Ir para", Control+ Mé Ir para o parêntese. Funciona também entre parênteses.

Jeremy Ross
fonte
29
Funciona entre colchetes, funciona entre parênteses, mas não funciona para tags html.
John Pancoast
7
-1. Não responde à pergunta, que é sobre tags HTML.
Zenadix
Ele encontra apenas parênteses correspondentes. Como faço para definir esse recurso também para procurar { } [] <>?
SherylHohman
4

Nenhuma das opções acima funcionou no Sublime Text 3 no Windows 10, Ctrl + Shift + 'com o plug-in Emmet Sublime Text 3 funciona muito bem e foi a única solução funcional para mim. Ctrl + Shift + T reabre o último item fechado e, para meu conhecimento do Sublime, o faz desde as primeiras versões do ST3 ou posteriores do ST2.

Brandito
fonte
3

Como dito anteriormente, Control/ Command+ Shift+ Afornece suporte básico para correspondência de tags. Pressione novamente para estender a correspondência ao elemento pai. Pressione a seta para a esquerda / direita para ir para a tag de início / fim.

De qualquer forma, não há realce interno das tags correspondentes. O Emmet é um plugin popular, mas é um exagero para esse fim e pode atrapalhar se você não quiser uma edição semelhante ao Emmet. O Marcador de suporte parece ser uma escolha melhor para este caso de uso.

infeliz
fonte
grande informação irmão,
mwangaben
2

Eu acho que você pode tentar outra abordagem com a dobra ativada.

No ST2 e no ST3, se você ativar a dobragem nas configurações do usuário:

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

Você pode ver o botão dobrável em triângulo no lado esquerdo da linha onde está a marca inicial. Clique nele para expandir / dobrar. Se você deseja copiar, dobrar e copiar, recebe todo o bloco.

insira a descrição da imagem aqui

WesternGun
fonte
O problema com isso para mim é que eu digito </+ <kbd> TAB </kbd> e, se não fechar a tag correta, sei que tenho uma tag aberta pendente em algum lugar, simplesmente não sei WHERE essa tag aberta está nesse arquivo HTML de 6000 linhas.
Mark Tomlin
Experimente algum plugin de formatação? Talvez codelint ou algo assim? Alguns online, talvez
WesternGun 14/04