Convertisseur HTML → JSX
Convertissez le code HTML au format React JSX.
Entrée HTML
Entrez le code HTML à convertir
Résultat JSX
Code JSX converti
Règles de conversion HTML → JSX
Règles de conversion principales
- •
class→className - •
for→htmlFor - •
style="color: red"→style={color: "red"} - • 자체 닫힘 태그:
<img>→<img /> - • 케밥 케이스 → 카멜 케이스:
stroke-width→strokeWidth
Conversions d'attributs prises en charge
- • Attributs HTML : class, for, readonly, maxlength, autocomplete
- • Attributs SVG : stroke-width, stroke-linecap, fill-opacity
- • Attributs numériques : Supprimer les guillemets et les envelopper entre accolades
- • Attributs booléens : aria-hidden="true" → aria-hidden=""
- • Attributs conservés : data-*, aria-* (conserver le kebab case)
Prise en charge complète des documents HTML
- • Traitement des balises DOCTYPE, html, head, body
- • Conversion des balises meta, title, style
- • Prise en charge complète des éléments et attributs SVG
- • Préservation du bloc de style CSS