toolsmoah

مبدل HTML → JSX

کد HTML را به فرمت JSX React تبدیل کنید.

ورودی 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-* (حفظ کیس کباب)

پشتیبانی کامل از سند HTML

  • • پردازش تگ‌های DOCTYPE, html, head, body
  • • تبدیل تگ‌های meta, title, style
  • • پشتیبانی کامل از عناصر و ویژگی‌های SVG
  • • حفظ بلوک سبک CSS