HTML → JSX Converter
Converteer HTML-code naar React JSX-formaat.
HTML-invoer
Voer HTML-code in om te converteren
JSX-resultaat
Geconverteerde JSX-code
HTML → JSX Conversieregels
Belangrijkste conversieregels
- •
class→className - •
for→htmlFor - •
style="color: red"→style={color: "red"} - • 자체 닫힘 태그:
<img>→<img /> - • 케밥 케이스 → 카멜 케이스:
stroke-width→strokeWidth
Ondersteunde attribuutconversies
- • HTML-attributen: class, for, readonly, maxlength, autocomplete
- • SVG-attributen: stroke-width, stroke-linecap, fill-opacity
- • Numerieke attributen: Verwijder aanhalingstekens en plaats tussen accolades
- • Booleaanse attributen: aria-hidden="true" → aria-hidden=""
- • Behouden attributen: data-*, aria-* (kebab case behouden)
Volledige HTML-documentondersteuning
- • DOCTYPE, html, head, body tag verwerking
- • meta, title, style tag conversie
- • Volledige SVG-element- en attribuutondersteuning
- • CSS-stijlblok behoud