Converti HTML in JSX
Converti localmente HTML statico in JSX utilizzabile da React, Preact o Solid e segnala i contenuti pericolosi rimossi.
Come usare HTML per convertire JSX
HTML analizza e converte i contenuti solo nel browser attuale; non li carica né esegue gli script al loro interno.
Seleziona la destinazione JSX
Seleziona React, Preact o Solid e inserisci contenuti statici di dimensione non superiore a 2 MiB HTML.
Esegui conversione
Lo strumento converte class, for, style, attributi booleani, elementi vuoti e i comuni attributi SVG, oltre a eseguire l’escape delle parentesi graffe nel testo.
Controlla il rapporto di sicurezza
Controlla l’output e il conteggio dei tag rimossi, degli attributi degli eventi e degli elementi pericolosi URL, quindi copia o scarica JSX.
Limiti e note
- Non è un correttore completo del browser HTML; gli input gravemente danneggiati o dipendenti dallo stato DOM o da direttive di template richiedono una sistemazione manuale.
- script, style, iframe, object, embed, gli attributi degli eventi e il contenuto pericoloso URL verranno rimossi; il comportamento della pagina originale non verrà mantenuto.
- Genera solo componenti React, Preact o Solid di tipo JSX; non genera componenti Vue o Svelte e non suddivide automaticamente i componenti né importa le risorse.
Domande frequenti
Come viene convertito lo style inline?
Le dichiarazioni CSS comuni vengono convertite in oggetti style JSX; le dichiarazioni che non possono essere analizzate in modo affidabile devono essere corrette manualmente nell’output.
Perché lo script e l’iframe sono scomparsi?
Questi contenuti potrebbero eseguire codice o caricare pagine esterne; lo strumento li rimuove attivamente in base ai limiti di sicurezza della conversione della struttura statica.
L’output può essere utilizzato direttamente in produzione?
Dovrebbe prima passare attraverso la formattazione del progetto, il controllo dei tipi e i test nel browser, verificando in particolare le proprietà personalizzate, SVG e le differenze tra i framework.