기능
HTML → Markdown 변환기는 HTML 마크업을 깔끔하고 읽기 쉬운 Markdown으로 바꿉니다. CMS의 블로그 글을 정적 사이트 생성기로 옮기거나, 기존 웹 페이지로 README를 쓰거나, 문서를 노트로 저장하거나, Markdown을 지원하는 위키, GitHub 이슈, 채팅용 콘텐츠를 준비할 때 쓰세요.
출력은 일반적인 Markdown 관례를 따릅니다. # 제목, - 목록 항목, 원래 언어를 유지한 펜스 코드 블록, GitHub Flavored Markdown 표와 취소선입니다. 서식으로 잘못 해석되지 않도록 필요한 곳은 이스케이프합니다.
사용 방법
- 입력란에 HTML을 붙여넣거나
.html파일을 업로드하거나 「샘플」을 누르세요. - 프로젝트에 정해진 규칙이 있다면 스타일을 조정하세요: 목록 기호, 펜스 또는 들여쓰기 코드 블록, 기울임과 굵게 기호, 인라인 또는 참조형 링크.
- Markdown을 복사하거나
.md파일로 내려받으세요.
예시
이 HTML은
<h2>Install</h2>
<p>Run the <strong>installer</strong> and read the <a href="https://example.com">guide</a>.</p>
<ul><li>Windows</li><li>macOS</li></ul>다음 Markdown이 됩니다.
## Install
Run the **installer** and read the [guide](https://example.com).
- Windows
- macOS팁
- 브라우저에서 복사할 때는 페이지 소스나 개발자 도구로 article 요소의 HTML만 가져오면 메뉴와 푸터가 결과에 섞이지 않습니다.
- 참조형 링크는 긴 URL을 본문에서 끝으로 옮겨 Markdown을 읽고 고치기 쉽게 해 줍니다.
- 내장된
data:이미지는 수백 KB에 이를 수 있어 기본으로 제거됩니다. 유지하려면 옵션을 켜세요. - 반대로 변환하려면 Markdown → HTML 변환기를 쓰거나 Markdown 미리보기에서 결과를 확인하세요.
자주 묻는 질문
› 어떤 HTML 요소가 변환되나요?
제목, 문단, 굵게, 기울임, 취소선, 링크, 이미지, 번호 있는 목록과 없는 목록(중첩 포함), 인용, 인라인 코드, 언어가 지정된 코드 블록, 가로줄, 줄바꿈, 표입니다. 표는 GitHub Flavored Markdown 표가 됩니다.
› 스크립트, 스타일, 페이지 head는 어떻게 되나요?
제거됩니다. script, style, noscript, template, svg, iframe과 head 전체는 Markdown을 만들지 않으므로, 웹 페이지 전체 소스를 붙여넣어도 읽을 수 있는 내용만 남습니다.
› Markdown으로 표현할 수 없는 HTML은 어떻게 되나요?
알 수 없는 태그는 벗겨지고 안의 텍스트는 남습니다. class, 인라인 스타일, id 같은 속성은 Markdown에 해당 문법이 없어서 버려집니다. code 요소에 language-js 같은 class가 있으면 코드 블록에 언어가 유지됩니다.
› 일부 문자 앞에 백슬래시가 붙는 이유는?
1.로 시작하는 줄이나 별표로 둘러싼 단어처럼 그대로 두면 Markdown 서식이 되는 텍스트를 이스케이프해서, 원래 HTML 텍스트와 똑같이 표시되게 합니다.
› HTML이 업로드되나요?
아니요. 변환은 브라우저에서 JavaScript HTML 파서로 이루어지며 서버로 아무것도 보내지 않습니다.