toolsmoah

Konwerter HTML → JSX

Konwertuj kod HTML na format React JSX.

Wejście HTML
Wprowadź kod HTML do konwersji
Wynik JSX
Skonwertowany kod JSX
Zasady konwersji HTML → JSX

Główne zasady konwersji

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

Obsługiwane konwersje atrybutów

  • • Atrybuty HTML: class, for, readonly, maxlength, autocomplete
  • • Atrybuty SVG: stroke-width, stroke-linecap, fill-opacity
  • • Atrybuty numeryczne: Usuń cudzysłowy i umieść w nawiasach klamrowych
  • • Atrybuty boolean: aria-hidden="true" → aria-hidden=""
  • • Zachowane atrybuty: data-*, aria-* (zachowaj kebab case)

Pełna obsługa dokumentów HTML

  • • Przetwarzanie tagów DOCTYPE, html, head, body
  • • Konwersja tagów meta, title, style
  • • Pełna obsługa elementów i atrybutów SVG
  • • Zachowanie bloku stylu CSS