Перетворення HTML у JSX
Перетворює статичний HTML локально на JSX, доступний для React, Preact або Solid, і повідомляє про видалений небезпечний вміст.
Як використовувати HTML для перетворення на JSX
HTML аналізується та перетворюється лише в поточному браузері, не завантажується на сервер і не виконує скрипти, що містяться в ньому.
Виберіть цільовий JSX
Виберіть React, Preact або Solid та введіть не більше 2 MiB статичних HTML.
Виконати перетворення
Інструмент перетворює 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 та відмінності фреймворків.