Conversion des attributs
class, for, tabindex et événements deviennent la syntaxe React courante.
Convertir HTML en JSX
Convertissez les balises et attributs HTML en syntaxe JSX React avec moins de modifications manuelles.
HTML vers JSX
Convertisseur HTML vers JSX
Convertissez le balisage HTML en JSX pour React. Les attributs className, htmlFor, événements, booléens et styles inline sont adaptés automatiquement.
Objet style
Le CSS inline devient un objet camelCase compatible avec React et garde les propriétés personnalisées.
Utile pour les migrations
Transformez HTML statique, exports de design et anciens modèles en composant React de départ.
Étapes
- Collez un fragment HTML avec balises courantes, éléments imbriqués, commentaires et attributs data ou aria.
- Définissez le nom et choisissez le wrapper fonctionnel ou la conservation des scripts.
- Convertissez, vérifiez le résultat puis copiez le JSX ou téléchargez un fichier .jsx.
Questions fréquentes
Puis-je exécuter directement le résultat ?
Il s’agit de JSX de départ sans dépendances, événements ni état. Utilisez-le dans un projet React, Vite ou Next.js.
Pourquoi les scripts sont-ils retirés ?
Les scripts dépendent souvent de l’environnement d’origine et peuvent poser problème. Ils sont retirés par défaut et conservés seulement pour une source fiable.
Outils recommandes
Ces outils de fichiers peuvent aussi vous etre utiles
Convertir HTML en template Vue
Convertissez les attributs HTML courants en syntaxe de template Vue pour migrer des pages statiques.
Formateur HTML
Organisez les balises HTML, l indentation et les retours à la ligne pour rendre le code compacté plus lisible.
Éditeur HTML en ligne
Modifiez du code HTML avec aperçu en direct, recherche et remplacement, copie et téléchargement.