본문으로 건너뛰기

HTML-Markdown 변환기

HTML을 붙여넣으면 깔끔한 Markdown을 얻을 수 있습니다 — 제목, 목록, 링크, 굵게, 기울임, 코드 블록, 간단한 표까지요. 모든 변환은 브라우저에서 바로 이루어지며, 복잡한 레이아웃과 스타일은 의도적으로 제외됩니다.

참고하세요: Markdown은 디자인이 아니라 구조를 표현합니다. CSS 스타일, 색상, 다단 레이아웃, 양식, 병합된 표 셀, 삽입된 위젯은 제외됩니다 — 순수한 콘텐츠 구조만 얻게 됩니다.

자주 묻는 질문

어떤 HTML 요소가 Markdown으로 변환되나요?
제목 h1~h6은 #~######이 되고, 문단과 줄바꿈은 유지되며, strong/b는 **굵게**, em/i는 *기울임*, 인라인 코드는 `code`, pre 블록은 펜스 코드 블록, 링크는 [텍스트](url), 이미지는 ![대체 텍스트](src), ul/ol 목록은 -나 번호 매긴 항목(중첩 포함), 인용문은 > 인용, hr은 ---, 간단한 표는 파이프 표가 됩니다.
중첩된 목록도 처리하나요?
네. 중첩된 ul과 ol 목록은 단계마다 공백 두 칸씩 들여쓰기되는데, 이는 Markdown이 하위 항목을 표현하는 방식입니다. 번호 매긴 목록은 각 단계마다 1., 2., 3.으로 다시 번호가 매겨집니다.
변환기가 인식하지 못하는 태그는 어떻게 되나요?
div, span, section, article 같은 알 수 없는 태그는 풀립니다: 태그 자체는 제거되지만 텍스트 내용은 유지됩니다. script, style, 그 밖의 콘텐츠가 아닌 태그는 완전히 제거됩니다.
HTML 표도 변환할 수 있나요?
간단한 표는 Markdown 파이프 표로 변환되며, 첫 번째 행이 헤더로 사용됩니다. 병합된 셀(colspan/rowspan)과 중첩된 표는 파이프 표로 표현할 수 없어 지원되지 않습니다.
제 HTML이 서버로 업로드되나요?
아니요. 변환은 브라우저 내장 DOMParser를 사용해 전적으로 브라우저에서 이루어집니다 — 붙여넣은 내용이 기기 밖으로 나가는 일은 없습니다.
왜 Markdown이 원래 페이지보다 더 밋밋해 보이나요?
Markdown은 시각적 디자인이 아니라 문서 구조만 표현합니다. CSS 스타일, 색상, 글꼴, 다단 레이아웃, 양식, 삽입된 위젯은 의도적으로 제외됩니다 — 순수한 콘텐츠 구조를 얻게 되며, 이것이 바로 Markdown의 목적입니다.

관련 도구