HTML in JSX konvertieren
Statische HTML lokal in für React, Preact oder Solid nutzbare JSX konvertieren und entfernte gefährliche Inhalte melden.
Wie verwendet man HTML, um in JSX umzuwandeln?
HTML wird nur im aktuellen Browser geparst und konvertiert, nicht hochgeladen; die darin enthaltenen Skripte werden ebenfalls nicht ausgeführt.
JSX-Ziel auswählen
Geben Sie statische HTML mit höchstens 2 MiB ein und wählen Sie React, Preact oder Solid.
Konvertierung ausführen
Das Tool konvertiert class, for, style, boolesche Attribute, leere Elemente und gängige SVG-Attribute und maskiert geschweifte Klammern im Text.
Sicherheitsbericht prüfen
Überprüfen Sie die Ausgabe sowie die Anzahl der entfernten Tags, Ereignisattribute und gefährlichen URL, und kopieren oder laden Sie JSX herunter.
Einschränkungen und Hinweise
- Dies ist kein vollständiger Browser-HTML-Reparierer. Stark beschädigte Eingaben sowie solche, die von DOM-Zuständen oder Template-Anweisungen abhängen, müssen manuell überarbeitet werden.
- script, style, iframe, object, embed, Ereignisattribute und gefährliche URL werden entfernt; das Verhalten der Originalseite bleibt nicht erhalten.
- Erzeugt nur JSX für React, Preact oder Solid, keine Vue- oder Svelte-Komponenten; Komponenten werden auch nicht automatisch aufgeteilt oder Ressourcen importiert.
Häufig gestellte Fragen
Wie wird ein Inline-Style umgewandelt?
Übliche CSS-Deklarationen werden in JSX style-Objekte umgewandelt; Deklarationen, die nicht zuverlässig analysiert werden können, müssen in der Ausgabe manuell korrigiert werden.
Warum sind Skripte und iframe verschwunden?
Diese Inhalte können Code ausführen oder externe Seiten laden. Das Tool entfernt sie vorsorglich entsprechend den Sicherheitsgrenzen der Konvertierung statischer Strukturen.
Kann die Ausgabe direkt in der Produktion verwendet werden?
Es sollte zunächst die Projektformatierung, Typprüfung und Browserprüfung durchlaufen, wobei insbesondere benutzerdefinierte Eigenschaften, SVG und Framework-Unterschiede zu überprüfen sind.