Qual ferramenta pode arrumar / recuar HTML5? [fechadas]

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

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:

1. O Aptana 2 precisa ser configurado corretamente após a instalação, mas é um ótimo editor / IDE de html5 / css / javascript / IDE. A configuração padrão é péssima.
2. O Aptana 3 pode não fazer o que você deseja. A versão que eu tentei não fez isso.

Agora há uma versão HTML5 do arrumado, encontrada aqui: https://github.com/w3c/tidy-html5 .

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).

Eu humildemente sugiro o Espresso 2 .

No site deles:

O primeiro e único CSSEdit 3 - as ferramentas visuais premiadas do CSSEdit, agora dentro do Espresso. Com incrível suporte CSS3 para gradientes para vários navegadores, sombras e muito mais.

Visualização da Web com raio-X - Veja como o CSS afeta layouts da Web, visualize margens e preenchimento e encontre rapidamente as regras de estilo relevantes para qualquer elemento da página.

Codificação poderosa e eficiente - CodeSense, dobragem de código, snippets inteligentes, codificação Zen e o Navigator arrastar e soltar ajudam a escrever um código melhor em menos tempo.

Estilo ao vivo e substituições - Edite o CSS de qualquer site e veja-o atualizado em tempo real. Não há necessidade de salvar, publicar ou recarregar. Experimentar e ajustar nunca foi tão divertido.

Sincronização e publicação sem esforço - Com o Quick Publish, Server Sync e Browse, você tem a ferramenta certa para qualquer fluxo de trabalho baseado em servidor. O novo mecanismo Vroom é super rápido.

Um espaço de trabalho que se encaixa no seu fluxo de trabalho - O espaço de trabalho inovador oferece a flexibilidade de Guias enquanto se integra perfeitamente aos seus arquivos de projeto.

Achado fantástico - Agulha e palheiro, conheça o Espresso. A Localização e Substituição em todo o projeto, o Filtro Rápido e a expressão regular colorida facilitam a pesquisa em arquivos ou texto.

Suporte a idiomas - HTML5, CSS3, JavaScript e PHP aprimorados; Ruby, Python, Apache e Markdown. Ou estenda o Espresso com XML / JS Sugars.

Você pode ler uma resenha do Mac Appstorm para ter uma idéia da qualidade. Eles dão 10/10 .

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).

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.

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.

Dirtymarkup.com é a minha opção para formatar rapidamente HTML e JS.