HTML을 마크다운으로 변환

웹 페이지, CMS 게시물, 워드에서 내보낸 HTML 파일을 README, 위키, 정적 사이트 생성기, 메모 앱으로 옮기려면 마크다운으로 다시 써야 합니다. 이 변환기는 붙여 넣은 HTML이나 .html 파일을 마크다운으로 바꿉니다. 제목, 문단, 굵게·기울임, 링크, 이미지, 중첩 목록, 인용문, 정렬이 있는 GitHub 방식 표, 언어가 표시된 코드 블록이 깔끔한 마크다운으로 나옵니다. 스크립트, 스타일, 입력 컨트롤은 제외됩니다. 모든 작업은 브라우저 안에서 이뤄집니다.

사용 방법

1. HTML을 붙여 넣거나 .html 파일을 고릅니다.
2. 제목 스타일, 글머리 기호, 링크 스타일, 줄바꿈 방식, 코드 펜스를 고릅니다.
3. 마크다운을 복사하거나 .md 파일로 내려받습니다.

계산식

h1–h6 → # … ###### · strong/b → 별표 두 개 사이의 텍스트 · em/i → _텍스트_ · a → [텍스트](url) · img →  · ul/ol → - 항목 / 1. 항목(공백 2–3칸으로 중첩) · table → | a | b | 와 | --- | · pre code → `언어

HTML은 브라우저(DOMParser)가 해석하므로 잘못된 마크업도 브라우저처럼 바로잡아 처리됩니다. 공백은 pre 안을 제외하고 웹 페이지처럼 합쳐집니다. 마크다운으로 읽힐 수 있는 문자(* _ ` [ ]와 줄 첫머리의 # 또는 1.)는 백슬래시로 이스케이프됩니다. 코드 안에 펜스가 있으면 펜스를 더 길게 만듭니다. 표 셀 안의 파이프는 이스케이프되고, 마크다운 표는 셀을 병합할 수 없으므로 병합된 셀은 풀어서 표시합니다. sup, sub, u, mark는 GitHub와 대부분의 렌더러가 받아들이는 인라인 HTML로 유지됩니다.

예시

기본 HTML은 1단계 제목 줄(# 릴리스 노트)이 되고, 이어서 2.4가 별표 두 개로 감싸지고 다크 모드가 밑줄로 감싸지며 이슈 링크가 [이슈 #42](https://example.com/issues/42)로 쓰인 문단이 나옵니다. 그다음 2단계 글머리 기호 목록, 크기 열이 오른쪽 정렬된 표(구분 행은 | --- | ---: |), 그리고 npm install app@2.4가 들어 있고 bash로 표시된 코드 블록이 이어집니다.