Qual ferramenta pode arrumar / recuar HTML5? [fechadas]

13

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

Aguadeiro
fonte
2
O Netbeans suporta a formatação de código via SHIFT + ALT + F, a maioria dos editores tem uma função semelhante - consulte o manual de um que você usa. Veja também: groups.google.com/group/coda-users/browse_thread/thread/…
feeela
O Netbeans faz isso (thx), mas não o Coda, como mostra o seu link.
WaterBearer
Mas há dois outros programas mencionados na discussão vinculado que fazer ...
feeela
Eu imagino que se você procurar, encontrará uma extensão Coda que adiciona suporte para elementos HTML5.
Moisés

Respostas:

6

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.
Osvaldo
fonte
Pessoalmente, não gosto do IDE Eclipsish (não gosto do Eclipse: P).
Alerty 13/10/11
O Aptana é um ótimo programa para html / css / js. Manter o controle de chaves de abertura e fechamento ou chaves em javascript em funções realmente grandes é uma dor no Dreamweaver.
Anagio 20/03/12
Obrigado, isso acabou de salvar minha vida depois de mover meus arquivos de projeto de outro IDE para o Aptana e a indentação sendo confusa. Eu estava manualmente recuando todos os meus milhares e milhares de linhas. No Aptana 3, isso está no menu Fonte> Formato.
bowlerae
3

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

Aguadeiro
fonte
1

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 .

Alerty
fonte
1

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

Tom
fonte
0

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.

AeroCross
fonte
Eu uso o textmate, quando eles introduziram uma boa ação de formatação para HTML? Por favor, compartilhe, pois todos os que encontrei foram muito ruins. Embora eu ainda esteja usando o 1.5.
Davidcondrey #
0

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.

webvitaly
fonte
0

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

davidcondrey
fonte