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

13

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

Wasserträger
quelle
2
Netbeans unterstützt die Code-Formatierung mit UMSCHALT + ALT + F, die meisten Editoren haben eine ähnliche Funktion - lesen Sie das Handbuch der von Ihnen verwendeten. Siehe auch: groups.google.com/group/coda-users/browse_thread/thread/…
feeela
Netbeans macht das (danke), aber nicht Coda, wie Ihr Link zeigt.
WaterBearer
Aber es gibt zwei andere Programme, die in der verlinkten Diskussion erwähnt werden, die…
feeela
Ich stelle mir vor, Sie werden eine Coda-Erweiterung finden, die Unterstützung für HTML5-Elemente bietet.
Moses

Antworten:

6

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.
Osvaldo
quelle
Persönlich mag ich es nicht für die Eclipsish IDE (ich mag Eclipse: P nicht).
Alerty
Aptana ist ein großartiges Programm für html / css / js. Das Verfolgen des Öffnens und Schließens von Klammern oder Klammern in Javascript in wirklich großen Funktionen ist in Dreamweaver ein Problem.
Anagio
Vielen Dank, das hat mir das Leben gerettet, nachdem ich meine Projektdateien von einer anderen IDE nach Aptana verschoben und den Einzug durcheinander gebracht habe. Ich habe alle meine Tausenden und Abertausenden von Zeilen manuell neu eingerückt. In Aptana 3 ist dies unter dem Menü Quelle> Format.
Bowlerae
3

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

Wasserträger
quelle
1

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 .

Alerty
quelle
1

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

Tom
quelle
0

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.

AeroCross
quelle
Ich verwende textmate. Wann haben sie eine gute Formatierungsaktion für HTML eingeführt? Bitte teilen Sie mit, da alle, die ich gefunden habe, ziemlich schlecht waren. Obwohl ich noch 1.5 benutze.
Davidcondrey
0

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.

webvitaly
quelle
0

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

Davidcondrey
quelle