Eu já passei cerca de duas horas pesquisando no Google e tentando várias ferramentas, mas elas não usam tags de recuo por palavra ou não são compatíveis com HTML5, como o famoso HTML arrumado, que foi atualizado pela última vez há 3 anos…
NB: Não quero aplicar isso à fonte de uma página (como o PHP ou JS faria), mas ao código no editor, para que uma hierarquia clara apareça entre as tags.
Idealmente, eu gostaria de uma ferramenta para Mac OS X, mas utilizarei qualquer ferramenta on-line e, por último, redefinirei uma ferramenta compatível com o Wine.
PS no momento eu uso Coda da Panic
Respostas:
O Aptana Studio 2 faz o que você deseja no menu Editar> Formatar. Eu usei e formata html, css e javascript.
O editor WYSIWYG BlueGriffon também pode formatar html quando você abre um arquivo.
Ambas as soluções são gratuitas e de código aberto, mas o Aptana pode ser melhor. Não sei se o BG mantém todo o código inalterado, provavelmente não.
Notas:
fonte
Agora há uma versão HTML5 do arrumado, encontrada aqui: https://github.com/w3c/tidy-html5 .
fonte
Eu estava procurando uma ferramenta on-line e é provavelmente por isso que não encontrei nada.
Fui apontado para o plugin Coda PHP & Toolkit que faz isso. Além disso, a maioria dos editores de HTML como o Taco o faz de forma nativa (mas não o Coda).
fonte
Eu humildemente sugiro o Espresso 2 .
No site deles:
Você pode ler uma resenha do Mac Appstorm para ter uma idéia da qualidade. Eles dão 10/10 .
fonte
O Eclipse parece fazer um trabalho decente ao recuar / formatar o HTML5. Você acabou de usar o comando de formato usual (Ctrl-Shift-F) em um arquivo HTML carregado no editor HMTL e ele o reformatará.
Para ajustá-lo, vá para preferências -> web -> arquivos html -> editor. Você também pode controlar a validação aqui. (Estou usando o Eclipse v4.2.2.)
Observe que o editor HTML requer que sua instalação do Eclipse inclua a Web Tools Platform (consulte esta resposta para obter detalhes).
fonte
Se você está procurando uma ferramenta do Mac OS X que faça o trabalho, eu diria o TextMate .
Eu costumo reentrar muito e o melhor que pude encontrar foi esse.
O que eu gosto é que, na verdade, ele não reorganiza seu código, mas o identifica novamente , de uma forma que verifica o aninhamento e os recuos por nível, não por tags .
O recurso "Seleção de recuo" é especialmente útil.
fonte
O JetBrains PhpStorm funciona muito bem e é intuitivo com recuos em HTML, CSS ou PHP. Tipo de recuo (tabulações ou espaços) que você pode alterar nas configurações do PHPStorm.
fonte
Dirtymarkup.com é a minha opção para formatar rapidamente HTML e JS.
fonte