ZeroTool Workbench
HTML → Markdown 변환기
브라우저에서 HTML을 Markdown으로 즉시 변환. 제목·굵게·기울임·링크·이미지·코드 블록(언어 보존)·GFM 표·중첩 목록 지원. 무료, 업로드 불필요.
사용 방법
- 왼쪽 HTML 입력 패널에 HTML을 붙여넣거나 입력합니다.
- Markdown 출력이 오른쪽 패널에 실시간으로 표시됩니다(버튼 클릭 불필요).
- 복사를 클릭하여 클립보드에 복사하거나 .md 다운로드로 파일을 저장합니다.
- 예시 버튼으로 주요 변환 예제를 불러올 수 있습니다.
변환 참조표
| HTML | Markdown |
|---|---|
<h1>제목</h1> | # 제목 |
<strong>텍스트</strong> | 텍스트 |
<em>텍스트</em> | 텍스트 |
<a href=“url”>링크</a> | 링크 |
<pre><code class=“language-js”> | ```js 펜스 블록 |
<table> | GFM 파이프 표 |
<blockquote> | > 인용 |
주요 사용 사례
- CMS 콘텐츠 마이그레이션: WordPress HTML 콘텐츠를 Markdown으로 변환하여 Hugo, Astro 등 정적 사이트 생성기에 활용.
- README 정리: 웹 페이지를 스크랩한 후 Markdown으로 변환하여 GitHub README나 문서 사이트에 활용.
- LLM 입력 최적화: 웹 페이지를 Markdown으로 변환하여 토큰 수와 노이즈를 줄인 후 대규모 언어 모델에 입력.
FAQ
지원하는 HTML 요소는 무엇인가요?
주요 HTML 요소 전체 지원: h1–h6, p, strong/b, em/i, a, img, code, pre+code(언어 클래스 포함), ul, ol, li, blockquote, hr, table(GFM 형식), br. 알 수 없는 요소는 텍스트 내용으로 폴백됩니다.
코드 블록은 어떻게 처리되나요?
인라인 <code>는 백틱 형식으로 변환됩니다. <pre><code class="language-javascript"> 블록은 언어 태그가 보존된 펜스 코드 블록으로 변환됩니다: ```javascript. 언어 클래스가 없으면 단순 ``` 펜스가 사용됩니다.
GFM 표를 지원하나요?
네. thead와 tbody가 있는 HTML 표는 구분 행이 포함된 GitHub Flavored Markdown(GFM) 파이프 표 형식으로 변환됩니다.
HTML이 서버로 전송되나요?
아니요. 모든 변환은 turndown.js 라이브러리를 사용하여 브라우저에서 완전히 처리됩니다. 네트워크 통신은 전혀 없습니다.