HTML naar JSX

Zet statische HTML lokaal om naar JSX die bruikbaar is in React, Preact of Solid, en meld welke gevaarlijke inhoud is verwijderd.

Lokale verwerking in de browser
Deze pagina is door de openbare directorycontrole gekomen; schakel JavaScript in om de volledige functies te gebruiken.
Gebruiksaanwijzing

Hoe gebruik je HTML om te converteren naar JSX

HTML wordt alleen in de huidige browser geanalyseerd en geconverteerd; het wordt niet geüpload en de scripts erin worden niet uitgevoerd.

  1. Selecteer het doel voor JSX

    Selecteer React, Preact of Solid en voer statische HTML in van maximaal 2 MiB.

  2. Conversie uitvoeren

    De tool converteert class, for, style, booleaanse attributen, lege elementen en veelvoorkomende SVG-attributen, en ontsnapt accolades in tekst.

  3. Veiligheidsrapport controleren

    Controleer de uitvoer en de aantallen verwijderde tags, gebeurtenisattributen en gevaarlijke URL, en kopieer of download vervolgens JSX.

Beperkingen en aandachtspunten

  • Dit is geen volledige browser-HTML-reparatietool; ernstig beschadigde invoer en invoer die afhankelijk is van DOM-status of sjabloondirectieven moeten handmatig worden opgeschoond.
  • script, style, iframe, object, embed, gebeurtenisattributen en gevaarlijke URL worden verwijderd; het gedrag van de oorspronkelijke pagina blijft niet behouden.
  • Genereert alleen JSX voor React, Preact of Solid, en genereert geen Vue- of Svelte-componenten; componenten worden ook niet automatisch opgesplitst en bronnen worden niet geïmporteerd.

Veelgestelde vragen

Hoe wordt inline style geconverteerd?

Veelvoorkomende CSS-declaraties worden omgezet in een JSX-style-object; declaraties die niet betrouwbaar kunnen worden geanalyseerd, moeten handmatig in de uitvoer worden gecorrigeerd.

Waarom zijn scripts en iframe verdwenen?

Deze inhoud kan code uitvoeren of externe pagina’s laden en wordt daarom actief verwijderd volgens de veiligheidsgrenzen van de tool voor conversie op basis van statische structuur.

Kan de uitvoer rechtstreeks in productie worden gebruikt?

Het resultaat moet eerst worden geformatteerd, op type worden gecontroleerd en in de browser worden getest. Controleer vooral aangepaste attributen, SVG en verschillen tussen frameworks.

PaginafeedbackHeb je een probleem ontdekt of een verbetersuggestie?
Feedbackfuncties moeten worden gebruikt in de online versie

Activeer JavaScript in de online versie voordat u indient; de lokale functies van de huidige tool of case blijven onaangetast.

Ga naar feedback op de online versie