Markdown 미리보기

GitHub식 Markdown을 실시간으로 미리 보고 HTML을 복사합니다.

Markdown

0단어
입력하는 동안 미리보기가 여기에 나옵니다.
이 기기에서 처리합니다. 업로드하는 것은 없습니다.marked로 변환하고 DOMPurify로 안전하게 정리했습니다.

Markdown 미리보기 소개

Markdown을 쓰거나 붙여넣으면 입력하는 동안 변환된 모습을 보여 줍니다. 제목, 목록, 링크, 표, 할 일 목록, 코드 블록을 GitHub처럼 표시합니다. HTML 탭으로 바꾸면 만들어진 코드를 복사할 수 있습니다. 결과는 안전하게 정리되므로 붙여넣은 Markdown이 브라우저에서 스크립트를 실행할 수 없습니다.

사용 방법

  1. 왼쪽에 Markdown을 쓰세요.
  2. 오른쪽에서 미리보기를 확인하세요.
  3. HTML을 복사하거나 .md 파일로 내려받으세요.

예시

입력
# Title - [x] done - [ ] to do
결과
<h1>Title</h1><ul><li><input checked disabled type="checkbox"> done</li>…

자주 묻는 질문

어떤 Markdown 문법을 지원하나요?

CommonMark에 GitHub 확장을 더한 문법입니다. 표, 할 일 목록, ~~취소선~~, 자동 링크를 지원합니다.

HTML을 내 사이트에 붙여도 안전한가요?

미리보기는 DOMPurify로 정리해서 스크립트와 이벤트 핸들러를 지웁니다. 그래도 다른 사람이 쓴 HTML은 내 사이트에서 신뢰하지 않는 콘텐츠로 다루세요.

임시 글이 저장되나요?

지우기 전까지 Markdown을 이 브라우저 저장소에 보관합니다.

관련 도구