Quale strumento può mettere in ordine / rientrare HTML5? [chiuso]

Ho già trascorso circa 2 ore a cercare su Google e a provare vari strumenti, ma o non fanno tag di rientro a voce o non sono compatibili con HTML5 come il famoso HTML ordinato che è stato aggiornato l'ultima volta 3 anni fa ...

NB Non voglio applicarlo alla fonte di una pagina (come farebbe PHP o JS) ma al codice nell'editor in modo che appaia una chiara gerarchia tra i tag.

Idealmente, mi piacerebbe uno strumento Mac OS X, ma prenderò qualsiasi strumento online e alla fine resot uno compatibile con Wine.

PS al momento uso Coda di Panic

Aptana Studio 2 fa quello che vuoi nel menu Modifica> Formato. L'ho usato e formatta html, css e javascript.

Anche l'editor WYSIWYG BlueGriffon può anche formattare HTML quando si apre un file.

Entrambe le soluzioni sono gratuite e open-source, ma Aptana potrebbe essere migliore. Non sono sicuro che BG mantenga invariato tutto il codice, probabilmente no.

Appunti:

1. Aptana 2 deve essere configurato correttamente dopo averlo installato, ma è un ottimo editor html5 / css / javascript / IDE. La configurazione predefinita fa un po 'schifo.
2. Aptana 3 potrebbe non fare quello che vuoi. La versione che ho provato non lo ha fatto.

Ora c'è una versione HTML5 di ordinata, disponibile qui: https://github.com/w3c/tidy-html5 .

Stavo cercando uno strumento online ed è probabilmente per questo che non sono riuscito a trovare nulla.
Mi è stato indicato il plug-in Coda PHP e Toolkit che lo fa. Anche la maggior parte degli editor HTML come Taco lo fanno in modo nativo (ma non Coda).

Consiglio umilmente Espresso 2 .

Dal loro sito Web:

L'unico e unico CSSEdit 3: i pluripremiati strumenti visivi di CSSEdit, ora all'interno di Espresso. Con il fantastico supporto CSS3 per gradienti multi-browser, ombre e altro.

Anteprima Web con raggi X: scopri come il tuo CSS influisce sui layout web, visualizza i margini e il riempimento e trova rapidamente le regole di stile pertinenti per qualsiasi elemento della pagina.

Codifica potente ed efficiente: CodeSense, piegatura del codice, snippet intelligenti, codifica Zen e Navigator con trascinamento della selezione consentono di scrivere codice migliore in meno tempo.

Styling live e sostituzioni: modifica i CSS di qualsiasi sito Web e visualizzali in tempo reale. Non è necessario salvare, pubblicare o ricaricare. Sperimentare e perfezionare non è mai stato così divertente.

Sincronizzazione e pubblicazione senza sforzo: con Quick Publish, Server Sync and Browse, hai lo strumento giusto per qualsiasi flusso di lavoro basato su server. Il nuovo motore Vroom è superveloce.

Uno spazio di lavoro che si adatta al tuo flusso di lavoro: l'innovativo spazio di lavoro ti offre la flessibilità delle schede mentre si integra perfettamente con i tuoi file di progetto.

Ricerca fantastica - Ago e pagliaio, incontra Espresso. Trova e sostituisci a livello di progetto, filtro rapido e regex colorato rendono la ricerca tra file o testo un gioco da ragazzi.

Supporto linguistico - HTML5, CSS3, JavaScript e PHP migliorati; nuovissimo Ruby, Python, Apache e Markdown. O estendi Espresso con zuccheri XML / JS.

Puoi leggere una recensione da Mac Appstorm per avere un'idea della qualità. Lo danno 10/10 .

Eclipse sembra fare un buon lavoro di indentazione / formattazione HTML5. Basta usare il solito comando di formattazione (Ctrl-Shift-F) su un file HTML caricato nell'editor HMTL e lo riformatterà.

Per modificarlo, vai su preferenze -> web -> file html -> editor. Puoi anche controllare la convalida qui. (Sto usando Eclipse v4.2.2.)

Si noti che l'editor HTML richiede che l'installazione di Eclipse includa la piattaforma di strumenti Web (vedere questa risposta per i dettagli).

Se stai cercando uno strumento per Mac OS X che funzioni, direi TextMate .

Di solito faccio molto rientro e quello migliore che sono riuscito a trovare è stato quello.

Quello che mi piace è che in realtà non riorganizza il tuo codice, ma lo rientra , in una forma che controlla l'annidamento e i rientri per livello, non per tag .

La funzione "Selezione rientro" è particolarmente utile.

JetBrains PhpStorm funziona alla grande e intuitivo con rientri in HTML, CSS o PHP. Tipo di rientro (schede o spazi) che puoi modificare nelle impostazioni di PHPStorm.

Dirtymarkup.com è la mia scelta per formattare rapidamente HTML e JS.