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-* (케밥 케이스 유지)
완전한 HTML 문서 지원
- • DOCTYPE, html, head, body 태그 처리
- • meta, title, style 태그 변환
- • SVG 요소와 속성 완전 지원
- • CSS 스타일 블록 보존