หมวดหมู่เครื่องมือ

หน้าแรก

เครื่องมือแปลง 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
• การแปลงแท็ก meta, title, style
• การรองรับองค์ประกอบและแอตทริบิวต์ SVG เต็มรูปแบบ
• การเก็บรักษาสไตล์ CSS block