HTML vers JSX
Convertissez localement le HTML statique en JSX compatible avec React, Preact ou Solid, et signalez les contenus dangereux supprimés.
Comment utiliser HTML pour convertir JSX
HTML analyse et convertit uniquement dans le navigateur actuel ; aucune donnée n’est téléversée et les scripts qu’elle contient ne sont pas exécutés.
Sélectionner la cible JSX
Sélectionnez React, Preact ou Solid, puis saisissez un HTML statique ne dépassant pas 2 MiB.
Exécuter la conversion
L’outil convertit class, for, style, les attributs booléens, les éléments vides et les attributs SVG courants, et échappe les accolades du texte.
Consulter le rapport de sécurité
Vérifiez le nombre de sorties et de balises supprimées, d’attributs d’événement et de URL, puis copiez ou téléchargez JSX.
Restrictions et remarques
- Il ne s’agit pas d’un réparateur complet de HTML pour navigateur ; les entrées gravement endommagées, dépendant de l’état DOM ou de directives de modèle doivent être réorganisées manuellement.
- Les éléments script, style, iframe, object, embed, les attributs d’événement et les éléments dangereux URL seront supprimés. Le comportement de la page d’origine ne sera pas conservé.
- Génère uniquement des composants React, Preact ou Solid JSX, et ne génère pas de composants Vue ou Svelte ; les composants ne sont pas automatiquement séparés et les ressources ne sont pas importées.
Foire aux questions
Comment le style en ligne est-il converti ?
Les déclarations courantes CSS sont converties en objets style JSX ; les déclarations qui ne peuvent pas être analysées de manière fiable doivent être corrigées manuellement dans le résultat.
Pourquoi le script et l’iframe ont-ils disparu ?
Ces contenus peuvent exécuter du code ou charger des pages externes ; l’outil les supprime délibérément, conformément aux limites de sécurité de la conversion fondée sur la structure statique.
La sortie peut-elle être utilisée directement en production ?
Il faut d’abord appliquer le formatage du projet, effectuer la vérification des types et tester dans le navigateur, en vérifiant tout particulièrement les attributs personnalisés, SVG et les différences entre frameworks.