So verwenden Sie es
- Code einfügen, Datei ablegen oder Beispiel laden; Die Sprache ist für diese Seite voreingestellt und kann geändert werden.
- Format auswählen oder verkleinern und Einzug, Breite und andere Optionen anpassen; Das Ergebnis wird während der Eingabe rechts angezeigt.
- Ergebnis kopieren oder herunterladen; Bei einem Fehler verwenden Sie „Gehe zu Fehler“, beheben Sie ihn und führen Sie ihn erneut aus.
Codestiloptionen
| Optionen | Empfehlung |
|---|---|
| Einzug | 2 Leerzeichen (gemeinsam im Frontend) / 4 Leerzeichen / Tab |
| Linienbreite | Wrap bei 80; 100 oder 120 für Breitbildschirme |
| Zitate | Doppelt (Prettier-Standard) oder einfach |
| Semikolon | Standardmäßig aktiviert, um ASI-Überraschungen zu vermeiden |
| Nachgestellte Kommas | Für mehrzeilige Listen für sauberere Unterschiede hinzugefügt |
Sprachen und Engines
Bei der Formatierung werden dieselben Open-Source-Engines wie bei gängigen Editoren verwendet, sodass die Ergebnisse mit „Prettier“ in VS Code übereinstimmen und Ihr Team einen Stil beibehalten kann. Jede Engine wird von dieser Website geladen und in Ihrem Browser ausgeführt.
| Sprache | Format | Komprimieren |
|---|---|---|
| HTML | Hübscher 3 | ✓ Kommentare und Leerzeichen |
| XML | XunL XML-Engine | ✓ |
| CSS / SCSS / Weniger | Hübscher 3 | ✓ CSSO-Umstrukturierung |
| JavaScript / TypeScript | Prettier 3 (Babel) | ✓ Terser (nur JavaScript) |
| JSON | Hübscher 3 | ✓ Große Zahlen sorgen für Präzision |
| YAML | Hübscher 3 | – (Kommentare behalten) |
| SQL | SQL-Formatter (14 Dialekte) | — |
Häufig gestellte Fragen
Ändert die Formatierung das Aussehen der Seite?
Standardmäßig folgen Leerzeichen der CSS-Anzeige: Blockelemente unterbrechen möglicherweise Zeilen, während der Abstand zwischen Inline-Elementen wie span und b beibehalten wird, sodass das Rendering gleich bleibt. „Streng“ ist die konservativste; „Ignorieren“ ist am aufgeräumtesten, kann jedoch den Inline-Abstand ändern.
Ist die HTML-Minimierung sicher?
Es ist konservativ: Gewöhnliche Kommentare werden entfernt (bedingte IE-Kommentare bleiben bestehen), Leerzeichenreihen werden auf ein Leerzeichen reduziert und nur zwischen Block-Tags entfernt. Pre-, Textbereich-, Skript- und Stilinhalte bleiben unberührt.
Ist mein Code hochgeladen?
Nein. Die Engines werden von dieser Website heruntergeladen und in Ihrem Browser ausgeführt. Ihr Code durchläuft niemals unsere Server oder Dritte und ist daher für den internen Code und die interne Konfiguration sicher.
Wie groß dürfen Dateien sein?
Bis zu 5 MB pro Datei; Über 300 KB wartet die Seite auf die Schaltfläche, anstatt sie während der Eingabe zu formatieren, damit der Browser reagiert.