محول HTML إلى JSX
تحويل كود HTML إلى تنسيق React JSX.
إدخال 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-* (الحفاظ على kebab case)
دعم مستند HTML الكامل
- • معالجة DOCTYPE, html, head, body tag
- • تحويل meta, title, style tag
- • دعم كامل لعناصر وسمات SVG
- • الحفاظ على كتلة نمط CSS