Bộ chuyển đổi HTML → JSX
Chuyển đổi mã HTML sang định dạng React JSX.
Đầu vào HTML
Nhập mã HTML để chuyển đổi
Kết quả JSX
Mã JSX đã chuyển đổi
Quy tắc chuyển đổi HTML → JSX
Các quy tắc chuyển đổi chính
- •
class→className - •
for→htmlFor - •
style="color: red"→style={color: "red"} - • 자체 닫힘 태그:
<img>→<img /> - • 케밥 케이스 → 카멜 케이스:
stroke-width→strokeWidth
Các chuyển đổi thuộc tính được hỗ trợ
- • Các thuộc tính HTML: class, for, readonly, maxlength, autocomplete
- • Các thuộc tính SVG: stroke-width, stroke-linecap, fill-opacity
- • Các thuộc tính số: Xóa dấu ngoặc kép và bọc trong dấu ngoặc nhọn
- • Các thuộc tính Boolean: aria-hidden="true" → aria-hidden=""
- • Các thuộc tính được giữ nguyên: data-*, aria-* (giữ nguyên kebab case)
Hỗ trợ tài liệu HTML đầy đủ
- • Xử lý thẻ DOCTYPE, HTML, head, body
- • Chuyển đổi thẻ meta, title, style
- • Hỗ trợ đầy đủ các phần tử và thuộc tính SVG
- • Bảo toàn khối kiểu CSS