Welches Tool kann HTML5 aufräumen / einrücken? [geschlossen]

Ich habe bereits ungefähr 2 Stunden damit verbracht, nach Google zu suchen und verschiedene Tools auszuprobieren, aber entweder werden keine Einrückungs-Tags per Zitat verwendet oder sie sind nicht HTML5-kompatibel, wie das berühmte HTML Tidy, das vor 3 Jahren zuletzt aktualisiert wurde.

NB Ich möchte dies nicht auf die Quelle einer Seite anwenden (wie es PHP oder JS tun würden), sondern auf den Code im Editor, damit eine klare Hierarchie zwischen den Tags angezeigt wird.

Im Idealfall hätte ich gerne ein Mac OS X-Tool, aber ich nehme jedes Online-Tool und resot ein Wine-kompatibles.

PS Im Moment benutze ich Coda von Panic

Aptana Studio 2 macht was Sie wollen im Menü Bearbeiten> Formatieren. Ich habe es benutzt und es formatiert HTML, CSS und Javascript.

Der WYSIWYG-Editor BlueGriffon kann HTML auch formatieren, wenn Sie eine Datei öffnen.

Beide Lösungen sind kostenlos und Open Source, aber Aptana könnte besser sein. Ich bin mir nicht sicher, ob BG den gesamten Code unverändert lässt, wahrscheinlich nicht.

Anmerkungen:

1. Aptana 2 muss nach der Installation richtig konfiguriert werden, aber es ist ein großartiger HTML5 / CSS / Javascript Editor / IDE. Die Standardkonfiguration nervt ein wenig.
2. Aptana 3 macht möglicherweise nicht das, was Sie wollen. Die Version, die ich ausprobiert habe, hat es nicht geschafft.

Es gibt jetzt eine HTML5-Version von tidy, die Sie hier finden: https://github.com/w3c/tidy-html5 .

Ich habe nach einem Online-Tool gesucht und deshalb habe ich wahrscheinlich nichts gefunden.
Ich wurde auf das Coda-Plugin PHP & Toolkit hingewiesen, das das macht. Auch die meisten HTML-Editoren wie Taco machen das nativ (aber nicht Coda).

Ich schlage demütig Espresso 2 vor .

Von ihrer Website:

Das einzige CSSEdit 3 - die preisgekrönten visuellen Tools von CSSEdit, jetzt in Espresso. Mit hervorragender CSS3-Unterstützung für Farbverläufe, Schatten und mehr mit mehreren Browsern.

Webvorschau mit Röntgenaufnahme - Sehen Sie, wie sich Ihr CSS auf Web-Layouts auswirkt, visualisieren Sie Ränder und Abstände und finden Sie schnell die relevanten Stilregeln für jedes Seitenelement.

Leistungsstarke und effiziente Codierung - Mit CodeSense, Code Folding, Smart Snippets, Zen-Codierung und dem Drag-and-Drop-Navigator können Sie besseren Code in kürzerer Zeit schreiben.

Live-Styling und Überschreibungen - Bearbeiten Sie das CSS einer Website und lassen Sie es in Echtzeit aktualisieren. Sie müssen nicht speichern, veröffentlichen oder neu laden. Das Experimentieren und Optimieren hat noch nie so viel Spaß gemacht.

Müheloses Synchronisieren und Veröffentlichen - Mit Quick Publish, Server Sync und Browse haben Sie das richtige Tool für jeden serverbasierten Workflow. Der neue Vroom-Motor ist superschnell.

Ein Arbeitsbereich, der in Ihren Workflow passt - Der innovative Arbeitsbereich bietet Ihnen die Flexibilität von Registerkarten und lässt sich nahtlos in Ihre Projektdateien integrieren.

Fantastische Entdeckung - Nadel und Heuhaufen, treffen Espresso. Projektweites Suchen und Ersetzen, Schnellfilter und koloriertes Regex machen das Durchsuchen von Dateien oder Text zum Kinderspiel.

Sprachunterstützung - Verbessertes HTML5, CSS3, JavaScript und PHP; brandneue Ruby, Python, Apache und Markdown. Oder erweitern Sie Espresso mit XML / JS Sugars.

Sie können einen Testbericht von Mac Appstorm lesen, um sich ein Bild von der Qualität zu machen. Sie geben es 10/10 .

Eclipse scheint HTML5 ordentlich einzurücken / zu formatieren. Sie verwenden einfach den üblichen Formatierungsbefehl (Strg-Umschalt-F) für eine im HMTL-Editor geladene HTML-Datei und diese wird neu formatiert.

Um es anzupassen, gehen Sie zu Einstellungen -> Web -> HTML-Dateien -> Editor. Hier können Sie auch die Validierung steuern. (Ich verwende Eclipse v4.2.2.)

Beachten Sie, dass der HTML-Editor erfordert, dass Ihre Eclipse-Installation die Web Tools-Plattform enthält ( Einzelheiten finden Sie in dieser Antwort ).

Wenn Sie nach einem Mac OS X-Tool suchen, das diese Aufgabe erfüllt, würde ich TextMate sagen .

Normalerweise rücke ich mich wieder ein, und das Beste, was ich finden konnte, war dieses.

Was ich mag, ist, dass es Ihren Code nicht wirklich neu anordnet, sondern ihn neu einrückt , in einer Form, die die Verschachtelung überprüft und Einrückungen nach Ebene, nicht nach Tags .

Die Funktion "Auswahl einrücken" ist besonders nützlich.

JetBrains PhpStorm funktioniert hervorragend und intuitiv mit Einrückungen in HTML, CSS oder PHP. Art der Einrückung (Tabulatoren oder Leerzeichen), die Sie in den PHPStorm-Einstellungen ändern können.

Dirtymarkup.com ist meine Wahl für die schnelle Formatierung von HTML und JS.