HTML → Markdown 변환기

언제 사용하나요?

웹페이지 콘텐츠를 블로그나 문서로 옮길 때, HTML 형식의 글을 GitHub README·노션·정적 사이트용 Markdown으로 바꿔야 할 때 사용합니다.

사용 방법

• HTML 코드를 입력창에 붙여넣습니다.
• 제목, 단락, 강조, 목록, 링크, 표, 코드 블록이 Markdown 문법으로 변환됩니다.
• 변환된 Markdown을 복사해 문서에 붙여넣습니다.

입력값 안내

변환할 HTML 코드를 붙여넣습니다. h1~h6, p, strong, em, ul/ol, a, img, blockquote, pre/code, table 등 주요 요소를 지원합니다.

계산·변환 기준

DOM 트리를 재귀적으로 순회하며 각 HTML 요소를 대응하는 Markdown 문법으로 바꿉니다. 표는 GitHub 형식 표로, 코드 블록은 펜스(```)로 변환합니다.

사용 예시

• 웹 콘텐츠 이전 - 웹페이지 HTML을 블로그·문서용 Markdown으로 옮깁니다.
• README 작성 - HTML로 된 설명을 GitHub README용 Markdown으로 변환합니다.
• 노션·위키 입력 - HTML 문서를 Markdown을 지원하는 도구에 붙여넣기 좋게 변환합니다.

예시

• <h1>제목</h1> → # 제목
• <ul><li>항목</li></ul> → - 항목

주의사항

• 잘못된 형식의 소스 데이터 입력 시 파싱 에러가 발생하거나 결과 레이아웃이 깨질 수 있습니다.
• 인코딩 표준(UTF-8)이 맞지 않거나 복잡한 중첩 구조를 가진 소스 데이터를 변환할 경우 데이터 구조가 깨지거나 누락될 수 있습니다.

계산·사용 가이드

변환되는 요소

제목(h1~h6), 단락, 굵게·기울임, 목록, 링크, 이미지, 인용, 코드 블록, 표를 대응하는 Markdown 문법으로 변환합니다.

표와 코드 블록

<table>은 GitHub 형식 표로, <pre><code>는 펜스(```) 코드 블록으로 변환됩니다. 인라인 <code>는 백틱으로 감쌉니다.

자주 묻는 질문

표도 변환되나요?

네. <table>은 GitHub 형식의 Markdown 표로 변환됩니다.

코드 블록은 어떻게 처리되나요?

<pre><code>는 펜스 코드 블록(```)으로, 인라인 <code>는 백틱으로 변환됩니다.

중첩된 목록도 지원하나요?

네. 중첩 목록은 들여쓰기로 단계가 표현됩니다.

이미지는 어떻게 되나요?

<img>는  형식의 Markdown 이미지 문법으로 변환됩니다.

관련 도구

• HTML → 텍스트 추출기 - HTML 태그를 제거하고 본문 텍스트만 깔끔하게 추출합니다.
• Markdown → HTML 변환기 - Markdown 문서를 HTML로 변환하고 렌더링 미리보기를 제공합니다.
• Markdown → 일반 텍스트 변환기 - Markdown 문법 기호를 제거하고 순수한 일반 텍스트만 남깁니다.
• 마크다운 테이블 생성기 - 표 데이터를 마크다운(Markdown) 파이프(|)와 하이픈(-) 기호식 테이블 코드로 손쉽게 변환해 주거나, 행/열 크기를 정해 빈 마크다운 테이블 레이아웃 스니펫을 실시간으로 빌드해 줍니다.
• HTML → JSX 변환기 - HTML 마크업을 React JSX에서 쓰기 좋은 속성명과 스타일 형식으로 변환합니다.
• URL 인코딩/디코딩 - 텍스트를 URL 안전 형식(%XX)으로 인코딩하거나 인코딩된 URL을 원래 텍스트로 디코딩합니다.