Qu'est-ce qui est converti ?

class→className, for→htmlFor, tabindex→tabIndex, onclick→onClick, chaînes de style→objets, balises auto-fermantes, commentaires HTML→commentaires JSX, et plus encore.

Gère-t-il le HTML complexe ?

Il gère la plupart des cas courants. Du HTML très complexe avec des scripts intégrés ou des templates peut nécessiter des ajustements manuels.

Puis-je l'utiliser pour le TSX ?

Oui. JSX et TSX utilisent la même syntaxe pour les attributs HTML. La sortie fonctionne dans les fichiers .jsx et .tsx.

Outil Développeur

Convertisseur HTML vers JSX

Convertissez du HTML en code JSX/React valide. Transforme class en className, for en htmlFor, les styles inline en objets, et ferme automatiquement les éléments void.

100% gratuit — aucun compte requis

Entrée HTML

Sortie JSX

HTML vers JSX instantané

Arrêtez de convertir manuellement le HTML pour React

Conversion d'attributs

class→className, for→htmlFor, tabindex→tabIndex et tous les gestionnaires d'événements.

Objets de style

Convertit les chaînes de style inline en objets JavaScript avec propriétés en camelCase.

Balises auto-fermantes

Ferme automatiquement les éléments void : <br>, <img>, <input>, <hr>, etc.

Résumé des modifications

Voyez combien de transformations ont été effectuées avec un détail par règle.

FAQ

Outils Développeur

Plus d'utilitaires de développement

Testeur regex, formateur JSON, outils CSS et plus encore.