Markdown → HTML 변환기

Markdown을 실시간 미리보기와 함께 HTML로 변환하세요.

브라우저에서 실행됩니다. 입력한 내용은 어디로도 전송되지 않습니다.

Markdown을 HTML로 변환하는 방법

  1. Markdown을 붙여넣으세요.
  2. 아래 실시간 미리보기를 확인하세요.
  3. HTML을 복사하거나 다운로드하세요.

지원하는 GitHub 확장 기능

기능예시
표| a | b |
작업 목록- [ ] todo
취소선~~text~~
펜스 코드 블록```js ... ```

미리보기가 안전하게 유지되는 방식

  • script, style, iframe 태그는 미리보기가 렌더링되기 전에 제거됩니다.
  • onclick 같은 인라인 이벤트 핸들러는 삭제됩니다.
  • javascript: 링크는 해가 없는 #으로 바뀌어 코드를 실행할 수 없습니다.

변환된 HTML이 쓰이는 곳

  • README나 문서 페이지를 정적 사이트의 일부로 게시할 때.
  • 원시 HTML을 받는 이메일이나 CMS에 서식 있는 콘텐츠를 붙여넣을 때.
  • 저장소에 커밋하기 전에 Markdown이 어떻게 표시될지 미리 볼 때.
  • 풀 리퀘스트 설명처럼 GitHub 확장 Markdown을 렌더링하는 댓글란에 붙여넣기 전에 조각을 시험해 볼 때.

Markdown 문법 빠른 참조

Markdown표시 결과
# Heading1단계 제목
**bold**굵은 텍스트
*italic*기울임 텍스트
[text](url)링크
- item글머리 목록 항목
`code`인라인 코드

Markdown → HTML 자주 묻는 질문

미리보기를 봐도 안전한가요?

네. 미리보기가 렌더링되기 전에 script 태그, 인라인 이벤트 핸들러, javascript 링크가 모두 제거됩니다.

HTML이 섞인 Markdown도 붙여넣을 수 있나요?

네. Markdown 안의 인라인 HTML은 그대로 유지되어 나머지 내용과 함께 렌더링됩니다.

문법 강조가 적용된 코드 블록도 지원하나요?

코드 블록은 언어 이름을 class 속성으로 유지하지만, 이 페이지 자체가 색상 문법 강조를 추가하지는 않습니다.

어떤 Markdown 라이브러리를 쓰나요?

GitHub 확장 Markdown(gfm)을 켠 marked를 사용하므로 표, 작업 목록, 취소선이 GitHub와 같은 방식으로 해석됩니다.

각주나 정의 목록도 지원하나요?

아니요. 그것들은 GitHub 확장 Markdown을 넘어서는 확장 기능이라 여기서는 지원하지 않습니다.

이미지가 포함된 Markdown도 미리볼 수 있나요?

네, ![alt](url) 같은 이미지 참조는 URL을 브라우저에서 접근할 수 있는 한 미리보기에 표시됩니다. 자신의 컴퓨터 안 로컬 파일 경로는 웹페이지에서 불러올 수 없습니다.

Markdown에서는 줄 간격도 의미가 있나요?

네. 빈 줄은 두 문단을 나눕니다. 문단 안의 줄바꿈 한 번은, 줄 끝에 공백 2칸이나 백슬래시가 있어 강제로 줄바꿈시키지 않는 한 보통 무시됩니다.

목록 안에 목록을, 또는 목록 항목 안에 코드 블록을 중첩할 수 있나요?

네. 목록 항목 표시 아래에 중첩된 내용을 2칸이나 4칸 들여쓰면, marked는 GitHub의 Markdown 렌더러와 같은 방식으로 그 들여쓰기를 해석합니다.

관련 도구