Text und Code formatieren und bereinigen

Warum das wichtig ist

Ein Backend-Ingenieur fügt eine 4-KB-JSON-Nutzlast aus einem Ticket ein — eine endlose Zeile. Auf einen Blick ist nicht erkennbar, ob ein Feld fehlt oder ein Enum falsch heißt. Dreißig Sekunden im Formatter: Die Struktur ist klar — ein Tippfehler bei currrency (drei r) ist der Bug. Formatieren verwandelt unlesbare Klumpen in etwas, worüber Menschen denken können.

Formatierung ist auch Stil-Anker: Nutzen alle dasselbe Beautify-Profil, überfrachten Reviews nicht mit Whitespace — der Fokus liegt auf Logik.

Drei echte Szenarien

Backend-Ingenieur

Payload aus Bugreport schnell prüfen

Einzeiliges JSON einfügen, mit 2 Spaces verschönern — das fehlerhafte Feld fällt sofort auf.

Diagnose in Sekunden

Frontend-Entwicklerin

Config-Snippet für CDN minifizieren

Hand-editiertes HTML/CSS einfügen, Minify — kompakteres Bundle.

Kleineres Artefakt

Datenanalyst

SQL vor dem Teilen lesbar machen

Flache einzeilige SELECT-Join-Kette einfügen, SQL-Profil — Keys, Filter und Aggregationen sind auf einen Blick lesbar.

Reviewbare Analyse

Schritt für Schritt

Der Formatter liegt unter /content-tools/text-formatter. Die Sprache wird aus der Eingabe erraten — Sie können sie in der Toolbar überschreiben.

Sprachprofil wählen
JSON, JavaScript/TypeScript, HTML, CSS oder SQL. Das richtige Profil vermeidet Feinheiten wie JSON-Formatter, der Klammern in JS-Pfeilfunktionen falsch balanciert.
Quelltext einfügen
Der Editor akzeptiert beliebige Größe. Eingaben bleiben in der Browser-Sitzung.
Beautify oder Minify
Format rückt ein und umbricht. Minify entfernt Whitespace und Kommentare. Das Ergebnis erscheint rechts live bei geänderten Einstellungen.
Einzug, Zeilenbreite, Trailing Commas
2 oder 4 Spaces, maximale Zeilenlänge, Trailing Commas nach Team-Styleguide.
Kopieren oder herunterladen
Kopieren zurück in die IDE oder Datei direkt laden.

Abgeflachtes JSON aus einem Ticket verschönern

Input

{"orderId":"o-7711","items":[{"sku":"A1","qty":2},{"sku":"B2","qty":1}],"currrency":"USD"}

Output

{
  "orderId": "o-7711",
  "items": [
    { "sku": "A1", "qty": 2 },
    { "sku": "B2", "qty": 1 }
  ],
  "currrency": "USD"
}

Two-pane formatter view in MoreKits with language picker and indent options — Sprache wählen, Einzug und Zeilenbreite setzen — rechts aktualisiert sich beim Tippen.

Profi-Tipps

Zuerst formatieren, dann diffen. Zwei Konfigurationen vor dem Vergleich durch denselben Formatter — Whitespace- und Quote-Unterschiede neutralisieren. Siehe Text online vergleichen.
Minify vor dem Einfügen in JSON-Felder ohne Zeilenumbrüche (Slack-Webhooks, manche k8s-Annotations).
Tabs vs. Spaces konsistent halten — Einzug vor dem Formatieren setzen, sonst noisy Diff beim Speichern im Editor.
JSON5-Besonderheiten: Handgeschriebene Configs mit Kommentaren — erst JS-Profil, dann striktes JSON.

Typische Stolpersteine

Stolperstein

Formatter lehnt JSON ab

Trailing comma, einfache Anführungszeichen oder unquotierter Key machen JSON ungültig. Syntaxfehler in der Toolbar beheben (Zeilenangabe), dann erneut formatieren.

Stolperstein

Minified JS bricht zur Laufzeit

Der Minifier kollabiert ASI-sensible Zeilen. Bei modernem Code mit optional chaining oder top-level await Ziel-Laufzeit prüfen — sonst vorher mit Bundler transpilieren.

Stolperstein

SQL-Formatierung zerstört Aliase

Manche Dialekte nutzen doppelte Anführungszeichen für Identifier — passendes SQL-Profil (PostgreSQL, MySQL, T-SQL) wählen, damit Quotes erhalten bleiben.

Wann dieses Tool nicht passt

Lint-Fixes: ESLint, Stylelint oder dotnet format im Repo für regelbasierte Korrekturen jenseits reinen Formatierens.
Refactoring (Umbenennen, Funktion extrahieren): IDE-Refactoring.
Schema-Validierung: nur strukturelle Gültigkeit — semantisch mit JSON Schema prüfen.

FAQ

Werden Strings in Anführungszeichen verändert?

Nein. Whitespace innerhalb von Strings bleibt exakt — nur struktureller Whitespace wird neu gesetzt.

Unterstützt es YAML?

Direktes YAML-Format ist geplant; vorerst YAML → JSON → formatieren → zurück.

Warum fehlen Kommentare nach Minify?

Minify entfernt Kommentare standardmäßig zur Verkleinerung. Kommentare behalten in der Toolbar aktivieren, wenn Sie sie brauchen.

Nächste Schritte

Formatierte Ausgabe mit dem Textvergleich gegen Referenz halten.
Sonderzeichen mit dem Text-Escape-Tool escapen, bevor Sie in HTML oder JSON einbetten.
Markdown-Entwürfe mit Markdown zu HTML konvertieren.

Warum das wichtig ist

Formatierung ist auch Stil-Anker: Nutzen alle dasselbe Beautify-Profil, überfrachten Reviews nicht mit Whitespace — der Fokus liegt auf Logik.

Drei echte Szenarien

Backend-Ingenieur

Payload aus Bugreport schnell prüfen

Einzeiliges JSON einfügen, mit 2 Spaces verschönern — das fehlerhafte Feld fällt sofort auf.

Diagnose in Sekunden

Frontend-Entwicklerin

Config-Snippet für CDN minifizieren

Hand-editiertes HTML/CSS einfügen, Minify — kompakteres Bundle.

Kleineres Artefakt

Datenanalyst

SQL vor dem Teilen lesbar machen

Flache einzeilige SELECT-Join-Kette einfügen, SQL-Profil — Keys, Filter und Aggregationen sind auf einen Blick lesbar.

Reviewbare Analyse

Schritt für Schritt

Der Formatter liegt unter /content-tools/text-formatter. Die Sprache wird aus der Eingabe erraten — Sie können sie in der Toolbar überschreiben.

Sprachprofil wählen
JSON, JavaScript/TypeScript, HTML, CSS oder SQL. Das richtige Profil vermeidet Feinheiten wie JSON-Formatter, der Klammern in JS-Pfeilfunktionen falsch balanciert.
Quelltext einfügen
Der Editor akzeptiert beliebige Größe. Eingaben bleiben in der Browser-Sitzung.
Beautify oder Minify
Format rückt ein und umbricht. Minify entfernt Whitespace und Kommentare. Das Ergebnis erscheint rechts live bei geänderten Einstellungen.
Einzug, Zeilenbreite, Trailing Commas
2 oder 4 Spaces, maximale Zeilenlänge, Trailing Commas nach Team-Styleguide.
Kopieren oder herunterladen
Kopieren zurück in die IDE oder Datei direkt laden.

Abgeflachtes JSON aus einem Ticket verschönern

Input

{"orderId":"o-7711","items":[{"sku":"A1","qty":2},{"sku":"B2","qty":1}],"currrency":"USD"}

Output

{
  "orderId": "o-7711",
  "items": [
    { "sku": "A1", "qty": 2 },
    { "sku": "B2", "qty": 1 }
  ],
  "currrency": "USD"
}

Profi-Tipps

Zuerst formatieren, dann diffen. Zwei Konfigurationen vor dem Vergleich durch denselben Formatter — Whitespace- und Quote-Unterschiede neutralisieren. Siehe Text online vergleichen.
Minify vor dem Einfügen in JSON-Felder ohne Zeilenumbrüche (Slack-Webhooks, manche k8s-Annotations).
Tabs vs. Spaces konsistent halten — Einzug vor dem Formatieren setzen, sonst noisy Diff beim Speichern im Editor.
JSON5-Besonderheiten: Handgeschriebene Configs mit Kommentaren — erst JS-Profil, dann striktes JSON.

Typische Stolpersteine

Stolperstein

Formatter lehnt JSON ab

Trailing comma, einfache Anführungszeichen oder unquotierter Key machen JSON ungültig. Syntaxfehler in der Toolbar beheben (Zeilenangabe), dann erneut formatieren.

Stolperstein

Minified JS bricht zur Laufzeit

Der Minifier kollabiert ASI-sensible Zeilen. Bei modernem Code mit optional chaining oder top-level await Ziel-Laufzeit prüfen — sonst vorher mit Bundler transpilieren.

Stolperstein

SQL-Formatierung zerstört Aliase

Manche Dialekte nutzen doppelte Anführungszeichen für Identifier — passendes SQL-Profil (PostgreSQL, MySQL, T-SQL) wählen, damit Quotes erhalten bleiben.

Wann dieses Tool nicht passt

Lint-Fixes: ESLint, Stylelint oder dotnet format im Repo für regelbasierte Korrekturen jenseits reinen Formatierens.
Refactoring (Umbenennen, Funktion extrahieren): IDE-Refactoring.
Schema-Validierung: nur strukturelle Gültigkeit — semantisch mit JSON Schema prüfen.

FAQ

Werden Strings in Anführungszeichen verändert?

Nein. Whitespace innerhalb von Strings bleibt exakt — nur struktureller Whitespace wird neu gesetzt.

Unterstützt es YAML?

Direktes YAML-Format ist geplant; vorerst YAML → JSON → formatieren → zurück.

Warum fehlen Kommentare nach Minify?

Minify entfernt Kommentare standardmäßig zur Verkleinerung. Kommentare behalten in der Toolbar aktivieren, wenn Sie sie brauchen.

Nächste Schritte

Formatierte Ausgabe mit dem Textvergleich gegen Referenz halten.
Sonderzeichen mit dem Text-Escape-Tool escapen, bevor Sie in HTML oder JSON einbetten.
Markdown-Entwürfe mit Markdown zu HTML konvertieren.