Преобразовать HTML в JSX
Преобразует статический HTML локально в JSX, совместимый с React, Preact или Solid, и сообщает об удалённом опасном содержимом.
Как использовать HTML для преобразования в JSX
HTML выполняет разбор и преобразование только в текущем браузере, ничего не загружает и не выполняет содержащиеся в нём скрипты.
Выберите целевой вариант JSX
Выберите React, Preact или Solid и введите статический HTML, размер которого не превышает 2 MiB.
Выполнить преобразование
Инструмент преобразует class, for, style, логические атрибуты, пустые элементы и распространённые атрибуты SVG, а также экранирует фигурные скобки в тексте.
Проверить отчёт о безопасности
Проверьте результат и количество удалённых тегов, атрибутов событий и опасных URL, затем скопируйте или скачайте JSX.
Ограничения и примечания
- Это не полноценный браузерный исправитель HTML; входные данные с серьёзными повреждениями, зависящие от состояния DOM или содержащие директивы шаблонов, требуют ручной обработки.
- script, style, iframe, object, embed, атрибуты событий и опасный URL будут удалены; поведение исходной страницы не сохранится.
- Создаются только JSX React, Preact или Solid; компоненты Vue и Svelte не создаются, автоматическое разбиение компонентов и импорт ресурсов не выполняются.
Часто задаваемые вопросы
Как преобразуется встроенный style?
Распространённые объявления CSS преобразуются в объект JSX style; объявления, которые невозможно надёжно разобрать, необходимо исправить вручную в выходных данных.
Почему исчезли скрипты и iframe?
Эти материалы могут выполнять код или загружать внешние страницы; инструмент намеренно удаляет их в соответствии с границами безопасности преобразования статической структуры.
Можно ли напрямую использовать результат в рабочей среде?
Сначала выполните форматирование проекта, проверку типов и тестирование в браузере, уделив особое внимание пользовательским атрибутам, SVG и различиям фреймворков.