محول 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