HTML → JSX Dönüştürücü

HTML kodunu React JSX formatına dönüştürün.

HTML Girişi
Dönüştürülecek HTML kodunu girin
JSX Sonucu
Dönüştürülmüş JSX kodu
HTML → JSX Dönüştürme Kuralları

Ana Dönüştürme Kuralları

  • classclassName
  • forhtmlFor
  • style="color: red"style={color: "red"}
  • • 자체 닫힘 태그: <img><img />
  • • 케밥 케이스 → 카멜 케이스: stroke-widthstrokeWidth

Desteklenen Nitelik Dönüşümleri

  • • HTML nitelikleri: class, for, readonly, maxlength, autocomplete
  • • SVG nitelikleri: stroke-width, stroke-linecap, fill-opacity
  • • Sayısal nitelikler: Tırnakları kaldırın ve parantez içine alın
  • • Boolean nitelikleri: aria-hidden="true" → aria-hidden=""
  • • Korunan nitelikler: data-*, aria-* (kebab case'i koruyun)

Tam HTML Belge Desteği

  • • DOCTYPE, HTML, head, body etiket işleme
  • • meta, title, style etiket dönüştürme
  • • Tam SVG öğesi ve nitelik desteği
  • • CSS stil bloğu koruma
    HTML → JSX Dönüştürücü