toolsmoah

Конвертер HTML → JSX

Преобразование кода HTML в формат React JSX.

Ввод HTML
Введите код HTML для преобразования
Результат JSX
Преобразованный код JSX
Правила преобразования HTML → JSX

Основные правила преобразования

  • • class → className
  • • for → htmlFor
  • • style="color: red" → style={color: "red"}
  • • 자체 닫힘 태그: <img> → <img />
  • • 케밥 케이스 → 카멜 케이스: stroke-width → strokeWidth

Поддерживаемые преобразования атрибутов

  • • Атрибуты HTML: class, for, readonly, maxlength, autocomplete
  • • Атрибуты SVG: stroke-width, stroke-linecap, fill-opacity
  • • Числовые атрибуты: удалите кавычки и заключите в фигурные скобки
  • • Логические атрибуты: aria-hidden="true" → aria-hidden=""
  • • Сохраненные атрибуты: data-*, aria-* (сохранить kebab case)

Полная поддержка документов HTML

  • • Обработка тегов DOCTYPE, html, head, body
  • • Преобразование тегов meta, title, style
  • • Полная поддержка элементов и атрибутов SVG
  • • Сохранение блока стилей CSS