HTML → JSX-Konverter
Konvertieren Sie HTML-Code in das React-JSX-Format.
HTML-Eingabe
Geben Sie den zu konvertierenden HTML-Code ein
JSX-Ergebnis
Konvertierter JSX-Code
HTML → JSX-Konvertierungsregeln
Hauptkonvertierungsregeln
- •
class→className - •
for→htmlFor - •
style="color: red"→style={color: "red"} - • 자체 닫힘 태그:
<img>→<img /> - • 케밥 케이스 → 카멜 케이스:
stroke-width→strokeWidth
Unterstützte Attributkonvertierungen
- • HTML-Attribute: class, for, readonly, maxlength, autocomplete
- • SVG-Attribute: stroke-width, stroke-linecap, fill-opacity
- • Numerische Attribute: Anführungszeichen entfernen und in geschweifte Klammern setzen
- • Boolesche Attribute: aria-hidden="true" → aria-hidden=""
- • Beibehaltene Attribute: data-*, aria-* (Kebab-Case beibehalten)
Vollständige HTML-Dokumentunterstützung
- • Verarbeitung von DOCTYPE-, html-, head-, body-Tags
- • Konvertierung von meta-, title-, style-Tags
- • Vollständige Unterstützung von SVG-Elementen und -Attributen
- • Beibehaltung von CSS-Stilblöcken