SummaryLog

Markdown Preview

Live Markdown to HTML preview. Runs entirely in your browser — nothing is uploaded.

Preview

Markdown Preview

Type Markdown on the left, see rendered HTML on the right.

Features

  • Headings, lists, quotes
  • inline code and code blocks
  • Links and images

> Everything runs locally in your browser.

  1. No signup
  2. No tracking
  3. No upload

입력하는 즉시 마크다운을 HTML로 렌더링하는 도구입니다. README, GitHub 댓글 초안, 릴리스 노트를 왼쪽에 붙여넣으면 오른쪽 화면이 바로 갱신되어, 커밋하거나 게시하기 전에 서식을 확인할 수 있습니다.

제목, 순서/비순서 목록, 코드 블록과 인라인 코드, 인용구, 구분선, 굵게, 기울임, 링크, 이미지 등 자주 쓰는 문법을 모두 처리합니다. HTML 복사 버튼으로 생성된 마크업을 CMS, 이메일 템플릿, 정적 사이트에 그대로 가져갈 수 있습니다.

사용 방법

  1. 왼쪽 마크다운 입력란에 마크다운을 입력하거나 붙여넣습니다.
  2. 오른쪽 미리보기 화면에서 HTML이 실시간으로 렌더링되는 것을 확인합니다.
  3. 미리보기가 원하는 모습이 될 때까지 마크다운을 수정합니다.
  4. HTML 복사 버튼을 눌러 생성된 마크업을 클립보드에 복사합니다.
  5. 복사한 HTML을 CMS, 이메일, 웹 페이지에 붙여넣습니다.

자주 묻는 질문

입력한 마크다운이 서버로 전송되나요?
아니요. 파싱과 렌더링이 모두 브라우저 안에서 자바스크립트로 처리됩니다. 아무것도 업로드되지 않으므로 비공개 메모, 사내 문서, 미공개 콘텐츠에도 안전하게 쓸 수 있습니다.
어떤 마크다운 문법을 지원하나요?
제목(# ~ ######), 불릿/번호 목록, 코드 블록(```)과 인라인 코드, 인용구, 구분선, 굵게, 기울임, 링크, 이미지를 지원합니다. 입력한 원시 HTML은 그대로 통과시키지 않고 이스케이프 처리됩니다.
HTML 복사를 누르면 원시 HTML 마크업이 복사되나요?
네. 서식이 적용된 리치 텍스트가 아니라 렌더링된 HTML 문자열이 복사되므로, 템플릿이나 CMS 입력란, 정적 사이트 소스에 바로 붙여넣을 수 있습니다.
링크나 이미지가 왜 '#' 링크로 바뀌었나요?
안전을 위해 http, https, mailto, 루트 상대 경로(/), 앵커(#) URL만 허용합니다. javascript: 또는 data: 스킴을 쓴 링크는 스크립트 주입을 막기 위해 '#'으로 대체됩니다.