마크다운 → HTML
가벼운 파서로 마크다운을 HTML로 바꾸고 미리보기도 보여 줍니다.
마크다운 → HTML
값을 입력한 뒤 계산하기를 눌러주세요.
미리보기
사용 방법
- 마크다운란에 제목·목록·굵게·링크 등이 있는 본문을 입력합니다.
- 변환을 누르면 HTML 소스와 같은 내용의 미리보기가 함께 나옵니다.
- HTML 복사로 소스만 가져갑니다. 미리보기와 HTML은 같은 결과 문자열입니다.
- 다시 쓰려면 초기화를 누릅니다. GFM 표·체크박스는 지원하지 않습니다.
- 신뢰할 수 없는 HTML을 사이트에 그대로 넣지 마세요. 제한된 태그만 만드는 경량 변환입니다.
핵심 개념
마크다운 HTML 변환은 블로그 초안, 이메일 본문, CMS 붙여넣기용으로 제목(#), 굵게·기울임, 링크, 목록, 인라인·블록 코드 정도를 태그로 바꿉니다. 텍스트를 이스케이프한 뒤 허용 태그만 조합하므로 스크립트 삽입용은 아닙니다. 블로그 초안이나 이메일용으로 제목·굵게·목록을 HTML 태그로 바꾸고 미리보기까지 보는 경량 마크다운 변환기입니다. CMS에 붙여 넣을 HTML 소스가 필요할 때 경량 마크다운 변환과 미리보기를 한 화면에서 확인합니다.
GFM 표, 각주, 수식은 없습니다. 마크다운 미리보기 도구는 화면 확인이 목적이고, 이 도구는 HTML 소스 복사가 목적입니다. 서버 렌더링 없이 브라우저에서만 변환합니다. GFM 표·작업 목록·수식은 빠지므로 복잡한 문서는 전용 렌더러가 필요합니다. 스크립트 삽입 용도가 아닙니다. 표·각주·수식이 많은 문서는 전용 렌더러를 쓰고, 이 도구는 제목·강조·링크·목록·코드 위주에 맞습니다.
예시
# 제목과 **굵게**, *기울임*, [링크](https://example.com)를 넣고 변환하면 h1, strong, em, a 태그가 HTML 칸에 나타나고 아래 미리보기에도 같은 서식이 보입니다. – 항목 두 줄은 ul/li가 됩니다. 표 문법은 그대로 텍스트로 남을 수 있습니다.**중요**와 `code`를 변환하면 strong과 code 태그가 HTML 칸과 미리보기에 동시에 나타납니다. 인용 문법과 인라인 코드가 태그로 바뀌는지 미리보기에서 바로 보면 됩니다.
자주 묻는 질문
GFM 마크다운 표도 HTML로 변환되나요?
아니요. 기본 문법 위주입니다. 표는 지원하지 않습니다. 파이프 표는 그대로 텍스트로 남을 수 있습니다. GFM 표는 변환되지 않을 수 있습니다.
마크다운 HTML 변환은 XSS에 안전한가요?
텍스트를 이스케이프한 뒤 제한된 태그만 만듭니다. 신뢰할 수 없는 HTML 삽입용은 아닙니다. 복사한 HTML을 CMS에 넣을 때 허용 태그를 확인하세요. 허용 태그 목록이 짧은 CMS는 붙여넣기 전 확인하세요.
미리보기와 HTML 소스가 다를 수 있나요?
같은 결과 문자열을 사용합니다. 미리보기 스타일은 이 페이지 CSS를 따르므로 배포 사이트와 다를 수 있습니다. 미리보기 글꼴은 배포 사이트와 다를 수 있습니다.
서버에서 마크다운을 렌더링하나요?
아니요. 브라우저에서만 변환합니다. 변환 원문은 서버에 저장되지 않습니다. 원문은 서버에 저장되지 않습니다.
markdown-preview 도구와 차이는 뭔가요?
이 도구는 HTML 소스 복사가 목적입니다. 미리보기는 확인용입니다. 미리보기만 필요하면 마크다운 미리보기 도구도 있습니다. 화면 확인만이면 미리보기 도구도 있습니다.
코드 블록 펜스(```)도 변환되나요?
경량 파서가 코드 문법을 지원합니다. 언어 하이라이트는 하지 않습니다. 펜스 코드는 하이라이트 없이 그대로 감쌉니다. 코드 하이라이트는 없습니다. 관련: 마크다운 미리보기 · HTML → 마크다운
최종 검토일: 2026년 9월 4일