Zum Inhalt springen

HTML-zu-JSX-Konverter

HTML in JSX für React konvertieren. Wandelt class in className, style-Strings in Objekte und selbstschließende Tags um. Kostenlos, 100% in deinem Browser.

 

Was ist HTML-zu-JSX-Konvertierung?

Beim Konvertieren von HTML zu JSX wird gewöhnliches HTML in die JSX-Syntax umgewandelt, die React verwendet. Dazu gehören Änderungen wie class zu className, for zu htmlFor, style-Strings zu JavaScript-Objekten und das Schließen selbstschließender Tags.

Konvertierungsregeln

class → className — JSX verwendet className statt class. for → htmlFor — bei Label-Elementen. style — String-Werte werden in JavaScript-Objekte mit camelCase-Eigenschaften umgewandelt. Selbstschließende Tags<img>, <br>, <input> müssen in JSX geschlossen werden.

Datenschutz

Alle Verarbeitung läuft 100% in deinem Browser. Es werden keine Daten an Server gesendet.