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