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?

html sublimetext

— Pavel Binar
fonte

veja também superuser.com/questions/489879/… Ctrl + Shift + '// com o plugin emmet

— Eran Ou 24/15

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.

— 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