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