붙여넣은 HTML이 페이지에서 실행되나요?
아니요. 실행되지 않는 문서로 분석해 텍스트로 변환합니다. 실행·임베디드 요소를 제거하고 원시 HTML 삽입이나 외부 리소스 요청 없이 미리보기를 재구성합니다.
개발 도구 · 브라우저 내 변환
HTML을 깔끔한 Markdown으로 변환
HTML을 붙여넣으면 유용한 구조를 유지하고 실행 가능한 내용을 제거해 편집 가능한 Markdown을 브라우저에서 만듭니다.
Markdown 결과
안전한 구조 미리보기
지원하는 의미 구조로 다시 구성합니다. 링크는 텍스트로 표시하고 이미지는 요청하지 않습니다.
변환에 성공하면 미리보기가 표시됩니다.
HTML을 Markdown으로 변환하는 방법
CMS, 이메일 템플릿, 내보낸 페이지, 문서 시스템의 구조화된 텍스트를 README, 위키, 정적 사이트 파일로 옮기는 개발자·작가·콘텐츠 편집자용 도구입니다. 원본의 픽셀 단위 재현보다 옮겨 쓰기 쉬운 의미 구조를 우선합니다.
문서 변환 및 검토
- HTML 소스를 입력란에 붙여넣으세요. 전체 문서뿐 아니라 기사 일부 같은 조각도 사용할 수 있습니다.
- ‘Markdown으로 변환’을 선택하거나 Ctrl/Command + Enter를 누르세요. 검토 중인 출력은 자동으로 바뀌지 않습니다.
- Markdown과 안전성·재현성 안내를 읽으세요. 복사 전에 출력을 편집할 수 있습니다.
- 구조 미리보기에서 원본 HTML을 실행하지 않고 제목, 문단, 목록, 코드, 표를 확인하세요.
- 최종 텍스트를 복사하거나 html-to-markdown.md를 다운로드한 뒤 실제 게시할 환경에서 표시 결과를 확인하세요.
변환 시 유지되는 내용
제목은 # 표시를 쓰는 ATX 제목이 됩니다. 문단, 굵게·기울임, 인용문, 구분선, 인라인 코드, 코드 블록은 해당 Markdown 형식으로 바뀝니다. 번호·글머리표 목록은 순서와 기본 중첩을 유지합니다. 안전한 링크·이미지 참조는 표시 문구 또는 대체 텍스트와 목적지를 유지합니다. 일반 직사각형 HTML 표는 GFM 파이프 표로, del·s·strike는 GFM 취소선으로 바뀝니다.
소스를 실행되지 않는 HTML 문서로 분석하며 페이지에 직접 삽입하지 않습니다. 추출한 구조에서 React 텍스트와 요소로 미리보기를 재구성하므로 원시 HTML 삽입, 링크 이동, 이미지 요청을 하지 않습니다. script, style, iframe, object, embed, template, canvas, SVG, link, meta는 변환 전에 제거합니다. onclick 같은 이벤트 속성도 실행하지 않습니다.
확인할 수 있는 예시
예시 1: <h2>Notes</h2><p>A <strong>bold</strong> word and a <a href="/guide">guide</a>.</p>는 ## Notes와 A **bold** word and a [guide](/guide).로 바뀝니다. 구조 패널에는 제목 1개와 링크 1개가 표시되며 안전한 미리보기에서는 이동 없이 둘 다 확인할 수 있습니다.
예시 2: Name·Status 머리글을 가진 2열 표는 --- 구분 행이 있는 파이프 표가 됩니다. 코드가 든 pre는 코드 블록이 되고 language-js 같은 클래스는 선택적 js 언어 힌트를 제공합니다. colspan="2"가 있으면 셀 텍스트는 출력하지만 병합 표 경고를 표시하므로 모든 행을 직접 비교하세요.
손실, 잘못된 입력, 해결 방법
Markdown은 CSS 배치, 폰트, 색상, 임의 간격, 이벤트 동작, 대부분의 접근성 관계를 담지 못합니다. div·span 같은 일반 래퍼는 벗겨내고 텍스트를 남깁니다. 브라우저가 분석 중 잘못된 조각을 보완하므로 닫는 태그가 없어도 변환될 수 있지만 작성 의도와 다른 계층이 될 수 있습니다. 제목 수준, 목록 경계, 표 행이 잘못 보이면 HTML부터 수정하세요.
병합 셀, 중첩 표, 시각적 배치가 중요한 이메일에는 정확한 GFM 대응 형식이 없어 경고를 표시합니다. 상대·HTTPS 참조는 Markdown 텍스트에 남지만 미리보기에서는 불러오지 않습니다. javascript:, vbscript:, data: 목적지는 제거합니다. 200,000자 제한은 지나치게 큰 붙여넣기로부터 탭을 보호합니다. 큰 문서는 기사 경계 등 안정적인 위치에서 나누세요.
Markdown 출력 활용
결과는 편집 가능한 일반 텍스트입니다. README, 이슈, 위키, 메모에 복사하거나 저장소·정적 사이트 생성기에 쓸 .md 파일로 다운로드하세요. 다운로드 성공은 텍스트 파일 생성만 확인하며 GitHub, 문서 엔진, 다른 Markdown 문법에서 모든 확장이 똑같이 표시된다는 뜻은 아닙니다. GFM 표, 작업 목록, 취소선은 널리 지원되지만 모든 최소 Markdown 분석기에 포함되지는 않습니다.
콘텐츠를 옮길 때는 대상 환경을 확인할 때까지 원본 HTML을 보관하세요. 제목 순서, 링크 주소, 목록 중첩, 코드 공백, 모든 표 행을 비교하고 대상 환경의 이미지와 상대 URL도 확인하세요. 이 도구는 웹페이지 가져오기, 외부 파일 내장, 링크 기준 주소 변경, CSS 유지, Word 변환, 되돌릴 수 있는 HTML 왕복 변환을 제공하지 않습니다.
자주 묻는 질문
병합 표는 왜 다르게 보이나요?
GFM 파이프 표에는 colspan, rowspan, 중첩 표 구조가 없습니다. 사용 가능한 셀을 펼치고 경고를 표시하므로 시각적 관계가 중요하면 표를 직접 다시 구성하세요.
링크와 이미지를 안전하게 검토할 수 있나요?
Markdown에는 나중에 사용할 안전한 상대·웹 참조가 남을 수 있지만 미리보기에서는 링크를 따라가거나 이미지를 불러오지 않습니다. 위험한 URL 방식은 일반 텍스트로 바꿉니다.
원래 HTML로 되돌릴 수 있는 포매터인가요?
아니요. 읽기 쉬운 Markdown을 만드는 도구입니다. CSS, 레이아웃, 동작, 지원하지 않는 HTML 구조는 사라지므로 다시 HTML로 바꿔도 원래 페이지가 재현되지 않습니다.
HTML이 업로드되거나 저장되나요?
아니요. 변환, 미리보기, 복사, 파일 생성은 이 브라우저에서 처리됩니다. 계정, URL 가져오기, 기록, 클라우드 저장 기능은 없습니다.