Konwertuj HTML na JSX

Przekonwertuj statyczny HTML lokalnie do JSX dostępnego dla React, Preact lub Solid i zgłoś usuniętą niebezpieczną zawartość.

Lokalne przetwarzanie w przeglądarce
Ta strona przeszła kontrolę publicznego katalogu; po włączeniu JavaScript można korzystać z pełnej funkcjonalności.
Instrukcja obsługi

Jak używać HTML do konwersji na JSX

HTML jest analizowany i konwertowany wyłącznie w bieżącej przeglądarce, nie zostanie przesłany ani nie zostaną wykonane zawarte w nim skrypty.

  1. Wybierz cel JSX

    Wybierz React, Preact lub Solid i wprowadź nie więcej niż 2 MiB statycznych HTML.

  2. Wykonaj konwersję

    Narzędzie konwertuje class, for, style, atrybuty logiczne, puste elementy i typowe atrybuty SVG, a także zmienia klamry w tekście na encje.

  3. Sprawdź raport bezpieczeństwa

    Sprawdź wynik oraz liczbę usuniętych znaczników, atrybutów zdarzeń i niebezpiecznych elementów URL, a następnie skopiuj lub pobierz JSX.

Ograniczenia i uwagi

  • To nie jest pełny HTML naprawiający przeglądarkę. Dane wejściowe z poważnymi uszkodzeniami, zależne od stanu DOM lub dyrektyw szablonów wymagają ręcznego uporządkowania.
  • Elementy script, style, iframe, object, embed, atrybuty zdarzeń oraz niebezpieczny URL zostaną usunięte; zachowanie oryginalnej strony nie zostanie zachowane.
  • Generowane są wyłącznie komponenty React, Preact lub Solid JSX; komponenty Vue i Svelte nie są generowane, a komponenty ani zasoby nie są automatycznie rozdzielane ani importowane.

Często zadawane pytania

Jak konwertowany jest wbudowany styl style?

Typowe deklaracje CSS są konwertowane na obiekty JSX style; deklaracje, których nie można wiarygodnie przeanalizować, należy ręcznie poprawić w danych wyjściowych.

Dlaczego skrypty i iframe zniknęły?

Treści te mogą wykonywać kod lub ładować zewnętrzne strony; narzędzie usuwa je w ramach granic bezpieczeństwa konwersji opartej na strukturze statycznej.

Czy wynik może być bezpośrednio używany w produkcji?

Należy najpierw przeprowadzić formatowanie projektu, sprawdzanie typów i testy w przeglądarce, zwracając szczególną uwagę na właściwości niestandardowe, SVG oraz różnice między frameworkami.

Informacje zwrotne o stronieZnalazłeś problem lub masz propozycję ulepszenia?
Funkcja opinii wymaga użycia w wersji online

Proszę włączyć JavaScript w wersji online przed wysłaniem; lokalne funkcje bieżącego narzędzia lub przykładu nie zostaną naruszone.

Przejdź do wersji online i prześlij opinię