HTML에서 JSX(으)로 변환

정적 HTML을(를) 로컬에서 React, Preact 또는 Solid에서 사용할 수 있는 JSX으로 변환하고 제거된 위험 콘텐츠를 보고합니다.

브라우저에서 로컬 처리

이 페이지는 공개 디렉터리 검사를 통과했습니다. JavaScript을 활성화하면 전체 기능을 사용할 수 있습니다.

사용 안내

HTML을(를) JSX로 변환하는 방법

HTML은(는) 현재 브라우저에서만 분석 및 변환되며, 업로드하거나 내부 스크립트를 실행하지 않습니다.

JSX 대상 선택
React, Preact 또는 Solid를 선택하고 2 MiB 이하의 정적 HTML을(를) 입력하세요.
변환 실행
도구가 class, for, style, 불리언 속성, 빈 요소 및 일반적인 SVG 속성을 변환하고 텍스트의 중괄호를 이스케이프합니다.
보안 보고서 확인
출력 및 삭제된 태그, 이벤트 속성, 위험한 URL의 개수를 확인한 후 JSX을(를) 복사하거나 다운로드하세요.

완전한 브라우저 HTML 수정 도구가 아니며, 심각하게 손상되었거나 DOM 상태 또는 템플릿 지시문에 의존하는 입력은 수동으로 정리해야 합니다.
script 요소, style 요소, iframe 요소, object 요소, embed 요소, 이벤트 속성 및 위험한 URL은(는) 삭제되며 원본 페이지의 동작은 유지되지 않습니다.
React, Preact 또는 Solid JSX만 생성하며, Vue·Svelte 구성 요소는 생성하지 않습니다. 또한 구성 요소를 자동으로 분할하거나 리소스를 가져오지 않습니다.

인라인 style은 어떻게 변환되나요?

일반적인 CSS 선언은 JSX style 객체로 변환됩니다. 안정적으로 구문 분석할 수 없는 선언은 출력에서 수동으로 수정해야 합니다.

스크립트와 iframe이 사라진 이유는 무엇인가요?

이러한 콘텐츠는 코드를 실행하거나 외부 페이지를 로드할 수 있으므로, 도구는 정적 구조 변환의 보안 범위에 따라 이를 사전에 제거합니다.

출력물을 바로 프로덕션에 사용할 수 있나요?

먼저 프로젝트 포맷팅, 유형 검사 및 브라우저 테스트를 거쳐야 하며, 특히 사용자 지정 속성, SVG 및 프레임워크 차이를 확인해야 합니다.