HTML zu JSX

Konvertiert HTML-Ausschnitte in React-JSX mit camelCase-Attributen.

Der HTML-zu-JSX-Konverter wandelt gängige HTML-Ausschnitte in React-JSX um. Er benennt class und for um, schreibt Bindestrich-Attribute in camelCase, behält data- und aria-Attribute und konvertiert Style-Zeichenfolgen in JSX-Style-Objekte.

Eingabe

Ausgabe

Bitte gib eine Eingabe ein.

So wird's genutzt

Füge einen HTML-Ausschnitt in das Eingabefeld ein.
Prüfe die generierte JSX-Ausgabe.
Kopiere das JSX in deine React-Komponente.

Häufig gestellte Fragen

Unterstützt es selbstschließende Tags?

Ja, leere Tags wie img, input und br werden in selbstschließende JSX-Tags konvertiert.

Wie werden Style-Attribute behandelt?

Einfache Style-Deklarationen werden mit camelCase-Schlüsseln in JSX-Style-Objekte konvertiert.

JSON-Formatierer

Formatiere, prüfe und minimiere JSON an einem Ort.

XML-Formatierer

Macht XML-Dokumente lesbar und rückt sie ein.

YAML-Formatierer

Formatiert YAML und konvertiert in beide Richtungen zwischen YAML und JSON.

CSV zu JSON

Konvertiert CSV-Tabellen in JSON-Daten.

JWT

Kodiert, dekodiert und verifiziert JSON Web Tokens lokal.

Hash-Generator

Generiert SHA-1-, SHA-256-, SHA-384- und SHA-512-Hashes.