📝 개발·블로그 유틸

마크다운 HTML 변환기

마크다운과 HTML을 양방향으로 바꾸고 결과를 바로 확인하세요. GFM 일부 문법을 지원하며 원시 HTML은 실행하지 않습니다. 변환 결과를 복사하고 대상 편집기에서 확인할 수 있습니다.

🗓️ 최종 업데이트 2026.07.14 ⏱️ 작업 시간 약 10초 🔒 문서 자동 업로드 없음 · 외부 이미지 요청 가능

markdown ⇄ html · GFM subset

마크다운 ⇄ HTML 실시간 변환

왼쪽에 입력하면 오른쪽에 미리보기와 소스가 즉시 표시됩니다. 변환 방향을 바꿔 HTML을 마크다운으로 되돌릴 수도 있고, 다크 모드로 전환할 수 있습니다.

대기

왼쪽 입력창에 마크다운을 작성하면 오른쪽 미리보기와 HTML 소스가 실시간으로 갱신됩니다. 입력 HTML은 자동 이스케이프됩니다.

마크다운을 입력하세요.

마크다운 입력

마크다운 미리보기 예시

Toolvil에서 마크다운을 실시간으로 변환합니다.

제목, 굵게, 기울임
링크 Toolvil과 인라인 코드
표·코드블록·인용문 지원

입력한 HTML은 자동으로 이스케이프되어 안전합니다.

const hi = "world";

<h2>마크다운 미리보기 예시</h2>
<p><strong>Toolvil</strong>에서 마크다운을 <em>실시간</em>으로 변환합니다.</p>
<ul><li>제목, 굵게, 기울임</li><li>링크 <a href="https://toolvil.com">Toolvil</a>과 <code>인라인 코드</code></li><li>표·코드블록·인용문 지원</li></ul>
<blockquote>입력한 HTML은 자동으로 이스케이프되어 안전합니다.</blockquote>
<pre><code class="language-js">const hi = &quot;world&quot;;</code></pre>

입력 통계가 여기에 표시됩니다.

마크다운 입력 후 HTML과 미리보기를 표시합니다.

지원 문법 제목·굵게·목록·표·코드블록·인용·링크 (GFM 서브셋)

안전 변환 입력 HTML 자동 이스케이프 · 위험 링크 스킴 차단

처리 위치 서버 전송 없이 현재 브라우저에서 변환

마크다운 HTML 변환기 사용 가이드

마크다운은 README·블로그·문서 작성에 쓰이는 경량 마크업입니다. 이 도구는 제목, 강조, 목록, 표, 코드블록, 인용문과 링크 등 GFM 일부 문법을 HTML로 변환하고 미리보기를 표시합니다. 반대로 HTML을 마크다운으로 바꿀 수도 있습니다. 역변환에서는 CSS·스크립트·표와 복잡한 구조를 원래대로 복원하지 않으므로 왕복 변환 결과가 같다는 뜻은 아닙니다. HTML 소스 강조와 다크 모드로 결과를 읽고 복사해 대상 편집기에서 확인하세요.

마크다운의 원시 HTML은 이스케이프하고 일부 위험한 링크 스킴을 차단합니다. HTML 역변환도 입력 코드를 실행하지 않습니다. 문서를 자동 업로드하지 않지만 마크다운에 넣은 외부 이미지는 미리보기에서 요청될 수 있습니다. 미리보기의 동작과 결과를 다른 사이트에 게시하는 일은 구분해 확인하세요.

이 도구가 필요한 경우

README·블로그 글을 마크다운으로 쓰고 HTML로 변환해 게시할 때
마크다운이 어떻게 렌더링되는지 실시간으로 확인하고 싶을 때
기존 HTML 코드를 다시 마크다운 문서로 되돌리고 싶을 때(역변환)
원시 HTML을 실행하지 않고 문서의 변환 결과를 확인할 때

사용 전 확인

GFM 전체 구현이 아닙니다. 중첩 목록·표 등 복잡한 문서는 변환 결과를 확인하세요.
민감한 문서라면 미리보기에 넣기 전에 외부 이미지·링크 주소를 확인하세요.
HTML 역변환은 원본 서식의 완전 복원이 아니며 대상 CMS의 HTML 지원 방식도 확인해야 합니다.

사용 방법

왼쪽 입력창에 마크다운을 작성하거나 붙여넣습니다.
오른쪽 미리보기에서 렌더링 결과를 실시간으로 확인합니다.
'HTML 소스' 탭으로 전환해 변환된 HTML 코드를 봅니다.
'HTML 복사' 버튼으로 결과를 클립보드에 복사합니다.
대상 편집기의 HTML 소스 모드에 붙여넣고 서식을 확인합니다. 역변환은 HTML → 마크다운 버튼으로 선택합니다.

입력값마크다운 텍스트 (브라우저에서만 처리)

출력값표준 HTML 소스와 실시간 미리보기, 글자수 통계

지원 문법제목·강조·목록·작업목록·표·코드블록·인용·링크·이미지(GFM)

보안입력 HTML 자동 이스케이프, javascript:/data: 스킴 차단

처리 위치브라우저 로컬 처리 · 서버 전송 없음

안전한 변환의 원리

이 도구의 마크다운 모드는 원시 HTML 특수문자를 이스케이프한 뒤 지원하는 문법을 태그로 만듭니다. javascript:·vbscript:·data: 스킴은 차단하지만 모든 URL이나 게시 환경을 검사하지는 않습니다. 외부 이미지는 해당 서버에 접속할 수 있고 링크를 누르면 외부로 이동합니다. 결과를 공개하기 전에는 주소와 대상 서비스의 처리 방식을 확인하세요.

출처와 검토 기준

CommonMark·GitHub Flavored Markdown(GFM)을 참고한 자체 서브셋이며 해당 명세의 전체 호환을 보장하지 않습니다. 변환 엔진은 외부 라이브러리나 서버에 의존하지 않습니다. 복잡한 중첩 구조나 확장 문법, HTML 역변환의 표·서식은 단순화될 수 있습니다. 대표 입력과 출력은 회귀 검사로 확인하며 실제 문서도 게시 전에 검토하세요.

이 변환기는 GFM 핵심 문법의 안전한 서브셋을 구현하며, 원시 HTML 통과·스크립트 실행은 보안을 위해 지원하지 않습니다. 복잡한 문서는 결과 HTML을 검토 후 사용하세요.

FAQ

어떤 마크다운 문법을 지원하나요?

제목(#~######), 굵게/기울임/취소선, 인라인 코드와 코드블록(```), 순서·비순서 목록과 작업 목록([ ]/[x]), 표(GFM table), 인용문(>), 구분선, 링크·이미지 등 GitHub Flavored Markdown의 핵심 문법을 지원합니다.

입력한 HTML이나 스크립트가 그대로 실행되나요?

마크다운을 HTML로 바꿀 때 원시 HTML은 이스케이프해 텍스트로 표시합니다. HTML을 마크다운으로 바꿀 때도 입력 코드를 실행하지 않습니다. 다만 마크다운 이미지의 외부 주소는 미리보기에서 요청될 수 있고, 모든 문서의 안전을 보장하는 검사기는 아닙니다.

변환된 HTML을 블로그나 CMS에 바로 붙여넣을 수 있나요?

HTML 입력을 지원하는 편집기의 소스 모드에 붙여넣으세요. 일반 글쓰기 모드나 노션에서는 코드가 그대로 보이거나 서식이 달라질 수 있습니다. 게시 전에 대상 서비스에서 결과를 확인하세요.

마크다운 링크에 javascript: 같은 위험한 주소를 넣으면 어떻게 되나요?

javascript:·vbscript:·data: 같은 위험한 스킴의 링크·이미지 주소는 자동으로 '#'으로 차단됩니다. 변환 결과를 그대로 게시해도 스크립트 주입 위험이 줄어듭니다.

입력한 문서가 서버로 전송되나요?

도구는 문서를 서버로 자동 업로드하거나 저장하지 않고 브라우저에서 변환합니다. 다만 문서의 외부 이미지 주소는 미리보기에서 해당 서버로 요청되며, 링크를 누르면 해당 사이트로 이동합니다. 민감한 문서는 외부 주소를 먼저 확인하세요.