Kostenloser HTML-zu-JSX-Konverter
HTML in gültigen JSX/React-Code konvertieren. Wandelt class in className, for in htmlFor, Inline-Styles in Objekte um und schließt Void-Elemente selbst. Keine Anmeldung erforderlich.
100% kostenlos — kein Konto erforderlich
Funktionen von Kostenloser HTML-zu-JSX-Konverter
Schluss mit der manuellen HTML-Konvertierung für React
Style-Objekte
Konvertiert Inline-Style-Strings in JavaScript-Objekte mit camelCase-Eigenschaften.
Attribut-Konvertierung
class→className, for→htmlFor, tabindex→tabIndex und alle Event-Handler.
Änderungsübersicht
Sehen Sie, wie viele Transformationen mit einer Aufschlüsselung pro Regel durchgeführt wurden.
Selbstschließende Tags
Schließt automatisch Void-Elemente: , , , , usw.
Häufig gestellte Fragen
Was wird konvertiert?
class→className, for→htmlFor, tabindex→tabIndex, onclick→onClick, Style-Strings→Objekte, selbstschließende Tags, HTML-Kommentare→JSX-Kommentare und mehr.
Verarbeitet es komplexes HTML?
Es verarbeitet die gängigsten Muster. Sehr komplexes HTML mit eingebetteten Skripten oder Vorlagen kann manuelle Anpassungen erfordern.
Kann ich das für TSX verwenden?
Ja. JSX und TSX verwenden die gleiche Syntax für HTML-Attribute. Die Ausgabe funktioniert sowohl in .jsx- als auch in .tsx-Dateien.
Weitere Entwickler-Werkzeuge
Regex-Tester, JSON-Formatierer, CSS-Tools und mehr.