html - via - sublime text plugin manager




Como faço para reformatar o código HTML usando o Sublime Text 2? (10)

Apenas uma dica geral. O que eu fiz para auto-arrumar o meu HTML, foi instalar o pacote HTML_Tidy e, em seguida, adicionar o seguinte atalho para as configurações padrão (que eu uso):

{ "keys": ["enter"], "command": "html_tidy" },

isso roda o HTML Tidy a cada entrada. Pode haver desvantagens para isso, eu sou bastante novo para o Sublime, mas parece fazer o que eu quero :)

Eu tenho um código HTML mal formatado que gostaria de reformatar. Existe um comando que reformate automaticamente o código HTML no Sublime Text 2 para que ele fique melhor e seja mais fácil de ler?


Embora a questão seja para HTML, gostaria também de fornecer informações sobre como formatar automaticamente seu código Javascript para o Sublime Text 2 ;

Você pode selecionar todo o seu código ( ctrl + A ) e usar a funcionalidade no aplicativo, reindent ( Edit -> Line -> Reindent ) ou você pode usar o plugin de formatação JsFormat para Sublime Text 2 se você quiser ter configurações mais personalizáveis ​​no como formatar seu código para além das configurações padrão de aba / recuo do Sublime Text.

https://github.com/jdc0589/JsFormat

Você pode facilmente instalar o JsFormat com o uso do Controle de Pacotes ( Preferences -> Package Control ) Abra o controle de pacotes e digite instalar, pressione enter . Em seguida, digite js format e aperte enter , pronto. (O controlador do pacote mostrará o status da instalação com sucesso e erros na barra inferior esquerda do Sublime )

Adicione a seguinte linha às suas associações de teclas ( Preferences -> Key Bindings User )

{ "keys": ["ctrl+alt+2"], "command": "js_format"}

Eu estou usando ctrl + alt + 2 , você pode alterar essa tecla de atalho o que você quiser. Até agora, JsFormat é um bom plugin, vale a pena tentar!

Espero que isso ajude alguém.


Eu ainda estou para ter o privilégio de comentar, então esta é simplesmente uma informação adicional relacionada à answer @ peter acima da resposta.

Eu encontrei HTML não alinhar como esperado se os comentários condicionais do IE no cabeçalho não estivessem completamente alinhados, por exemplo, alinhados à esquerda:

<!--[if lt IE 7]>
<p class='chromeframe'>Your browser is <em>unsupported</em>. <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

Eu criei um pacote chamado HTMLBeautify que faz um trabalho decente de reformatar o HTML. Eu o baseei em um script em Perl que encontrei em 1997 - atualizei para trabalhar com todas as novas tags modernas. :)

Check it out e deixe-me saber o que você pensa!

HTMLBeautify


Eu recomendo este plugin: HTML / CSS / JS Prettify , ele realmente funciona.

Após a instalação, basta selecionar o código e pressionar Ctrl + Shift + H.

Feito!


Existe um plugin chamado SublimeHtmlTidy que funciona muito bem

HTMLTidy



O único pacote que consegui encontrar é o Tag .

Você pode instalá-lo usando o controle de pacote. https://sublime.wbond.net

Depois de instalar o controle de pacotes. Vá para o controle de pacotes ( Preferences -> Package Control ) e digite install , aperte enter . Em seguida, digite tag e pressione enter .

Depois de instalar o Tag, destaque o texto e pressione o atalho Ctrl + Alt + F.


Simplesmente vá para

Editar -> Tag -> tags de formato automático no documento


você pode definir a tecla de atalho F12 fácil !!!

{ "keys": ["f12"], "command": "reindent" , "args": { "single_line": false } }

veja detalhes here .





reformat