HTML 입력

JSON 출력

HTML → JSON 변환기란?

HTML → JSON 변환기는 HTML 마크업을 파싱하여 구조화된 JSON 요소 트리를 출력합니다. 각 노드에는 태그 이름, 속성, 텍스트, 자식 노드가 포함됩니다.

브라우저의 내장 DOMParser API를 사용합니다. 스크래핑, DOM 구조 테스트, 콘텐츠 마이그레이션에 유용합니다.

HTML을 JSON으로 변환하는 방법

3단계로 HTML을 JSON 트리로 파싱합니다.

HTML 붙여넣기 또는 업로드

왼쪽 패널에 HTML을 붙여넣거나 업로드를 클릭하세요.

JSON 출력 확인

tag, attrs, children, text 필드를 포함한 JSON 트리.

복사 또는 다운로드

복사 또는 다운로드로 .json 파일로 저장.

HTML → JSON이 유용한 경우

웹 스크래핑 파이프라인

스크래핑한 HTML 페이지를 JSON으로 변환하여 Python이나 Node.js에서 처리.

DOM 구조 테스팅

JSON 표현을 사용하여 DOM 구조에 대한 검증 작성.

콘텐츠 마이그레이션

CMS의 HTML을 JSON으로 파싱하여 대상 형식으로 변환.

API 응답 변환

API의 HTML 조각을 JSON으로 파싱하여 데이터 추출.

자주 묻는 질문

JSON 출력은 어떤 형식인가요?

각 요소: {"tag":"div","attrs":{"class":"hero"},"children":[]}

전체 HTML 문서를 처리하나요?

네. 완전한 문서와 조각 모두 처리합니다.

주석이 포함되나요?

네. "tag":"#comment"로 포함됩니다.

JSON이 유효한가요?

네. 항상 유효한 포맷된 JSON입니다.

데이터가 저장되나요?

아니요. 브라우저에서만 처리됩니다.

HTML → JSON 변환기

HTML 입력

JSON 출력