Code-Formatter

Die Code-Formatter von ArrayKit bündeln die alltäglichen Aufgaben, die Code und Konfiguration sauber halten, alle an einem Ort und alle in deinem Browser. Verschönere oder minifiziere CSS, SCSS und LESS, JavaScript, TypeScript und JSX, HTML, XML, SQL über sechs Dialekte, GraphQL und Dockerfiles mit den CSS-, JS-, HTML- und SQL-Formattern. Konvertiere zwischen Formaten mit YAML zu JSON, dem TOML-Formatter, HTML zu Markdown und Glob zu Regex und räume API-Verträge mit dem OpenAPI-/Swagger-Formatter auf. Runde das Set ab mit dem Regex-Tester, Text-Diff, CSS-Farb- und Einheiten-Konvertern, dem Kontrast-Prüfer, dem Mermaid-Diagramm-Renderer, dem SVG-Optimierer, der Markdown-Vorschau und MongoDB-Abfrage-, -Aggregations- und -Schema-Tools. Gebaut für Frontend-, Backend- und DevOps-Ingenieure, wird alles lokal auf deinem Gerät verarbeitet und nichts wird hochgeladen.

• YAML ↔ JSON — Konvertiere YAML zu JSON und zurück.
• Markdown-Vorschau — Rendere Markdown zu HTML mit Live-Vorschau.
• Regex-Tester — Teste reguläre Ausdrücke live mit Treffern, Gruppen und Flags.
• CSS-Farbkonverter — Konvertiere zwischen HEX, RGB und HSL mit Live-Farbmuster.
• Text vergleichen — Vergleiche zwei Texte Zeile für Zeile und sieh Hinzufügungen und Löschungen.
• MDX-Konverter — Rendere MDX als Text, konvertiere HTML → MDX und escape Text zu MDX-Literalen.
• CSS-/SCSS-Formatierer — Verschönere oder minimiere CSS/SCSS/LESS, sortiere Eigenschaften und entferne Duplikate.
• JS-/TS-Formatierer — Verschönere oder minimiere JavaScript, TypeScript und JSX/TSX mit Prettier-Optionen.
• HTML-Formatierer — Verschönere oder minimiere HTML, formatiere eingebettetes CSS/JS und zeige eine Vorschau.
• XML-Formatierer — Verschönere, minimiere und validiere XML und konvertiere XML ↔ JSON.
• SQL-Formatierer — Formatiere SQL für MySQL, PostgreSQL, SQL Server, SQLite, BigQuery und Oracle.
• GraphQL-Formatierer — Formatiere oder minimiere GraphQL-Abfragen und -Schemas, validiere die Syntax und extrahiere Operationen.
• Dockerfile-Formatierer — Formatiere ein Dockerfile und erhalte Best-Practice- und Lint-Hinweise.
• MongoDB-Query-Formatierer — Formatiere MongoDB-Shell-Abfragen und Aggregations-Pipelines.
• Kontrast-Checker — Prüfe das WCAG-Kontrastverhältnis und ob AA/AAA zwischen zwei Farben bestanden wird.
• Mermaid-Diagramm-Renderer — Rendere Mermaid-Diagramme (Fluss, Sequenz, Gantt) als SVG in deinem Browser.
• SVG-Optimierer — Minimiere SVG: entferne Kommentare, Metadaten und Editor-Reste und reduziere Leerzeichen.
• MongoDB-Query-Beautifier — Verschönere und rücke MongoDB-Abfragen und find()-Anweisungen in deinem Browser ein.
• MongoDB-Aggregation-Beautifier — Verschönere und rücke MongoDB-Aggregation-Pipelines in deinem Browser ein.
• MongoDB-Explorer — Erkunde ein MongoDB-Dokument- oder Sammlungs-Beispiel und leite Feldschema und Typen ab.
• OpenAPI-/Swagger-Formatierer — Formatiere und validiere OpenAPI-/Swagger-Spezifikationen (JSON oder YAML) und zähle Pfade und Operationen.
• CSS-Einheiten-Konverter — Konvertiere zwischen px, rem, em, pt und %.
• Glob-zu-Regex-Konverter — Wandle glob-Muster in regex um und teste Pfade.
• HTML zu Markdown — Konvertiere HTML in sauberes, lesbares Markdown.
• TOML Formatter — Formatiere TOML und konvertiere von und zu JSON.
• logfmt zu JSON — logfmt key=value-Logs zu JSON und zurück konvertieren, mit Werten in Anführungszeichen und Typumwandlung.
• dotenv zu JSON — KEY=value .env-Dateien in ein JSON-Objekt und zurück konvertieren.
• CSV zu Markdown — CSV oder TSV in eine GitHub-Flavored-Markdown-Tabelle verwandeln.
• INI zu JSON — INI-Sektionen und key=value-Paare in JSON und zurück in INI konvertieren.
• Markdown Table Generator — Baue Markdown-Tabellen in einem Raster und exportiere GFM, HTML, AsciiDoc, reST oder LaTeX.
• Data Size Converter — Rechne zwischen Bytes, Bits und dezimalen (KB, MB) und binären (KiB, MiB) Einheiten um.
• Properties zu JSON — Java-.properties zu JSON konvertieren und zurück, im Browser.

Häufig gestellte Fragen

Was kann ich mit den Code-Formattern von ArrayKit machen?

Du kannst Code verschönern oder minifizieren (CSS, SCSS, LESS, JavaScript, TypeScript, JSX, HTML, XML, SQL, GraphQL und Dockerfiles), zwischen Formaten konvertieren wie YAML zu JSON, TOML zu JSON, HTML zu Markdown und Glob zu Regex, XML, OpenAPI und TOML validieren, reguläre Ausdrücke testen, Text vergleichen, Farbkontrast prüfen und Mermaid-Diagramme rendern — alles in einer Kategorie.

Sind diese Code-Formatter sicher für privaten Code?

Ja. Jedes Tool läuft vollständig in deinem Browser, sodass der Code, die Abfragen und Konfigurationen, die du einfügst, lokal verarbeitet werden und dein Gerät nie verlassen. Nichts wird an einen Server hochgeladen, was sie sicher für proprietäre oder sensible Quelldateien macht.

Welche Sprachen und Formate unterstützen die Code-Formatter?

Die Kategorie umfasst CSS/SCSS/LESS, JavaScript, TypeScript und JSX, HTML, XML, SQL über MySQL, PostgreSQL, SQL Server, SQLite, BigQuery und Oracle, GraphQL, Dockerfiles und MongoDB. Sie konvertiert außerdem YAML, JSON, TOML, HTML, Markdown und OpenAPI-/Swagger-Spezifikationen und optimiert SVG.

Kann ich meinen Code hier sowohl verschönern als auch minifizieren?

Ja. Die CSS-, JS-, HTML-, XML- und GraphQL-Formatter unterstützen alle das Verschönern für die Lesbarkeit und das Minifizieren für die Produktion, und mehrere Tools bieten Extras wie das Sortieren von Eigenschaften, das Entfernen von Duplikaten oder das Validieren der Syntax.

Können die Code-Formatter mehr als nur Code formatieren?

Ja. Neben dem Formatieren konvertieren sie Daten zwischen Formaten (YAML/JSON, TOML/JSON, HTML/Markdown, Glob/Regex, CSS-Einheiten und -Farben), testen reguläre Ausdrücke, vergleichen zwei Texte, prüfen WCAG-Farbkontrast, rendern Mermaid-Diagramme und inspizieren MongoDB-Dokumente.

Muss ich etwas installieren, um die Code-Formatter zu nutzen?

Keine Installation erforderlich. Die Tools laufen in deinem Browser, sobald die Seite geladen ist, und die gesamte Verarbeitung geschieht lokal auf deinem Gerät, sodass du sofort formatieren, konvertieren und validieren kannst.