Markdown 미리보기
Markdown을 실시간으로 미리봅니다
README나 블로그 초안을 쓰면서 결과가 어떻게 보일지 바로 확인하고 싶을 때 여는 편집기입니다. 분할·소스·미리보기 세 가지 보기 모드를 오가며 제목, 굵게·기울임·취소선, 인라인 코드와 코드 블록, 링크·이미지, 인용문, 구분선, 번호·글머리 목록이 렌더링되는 모습을 실시간으로 봅니다. 렌더링 엔진은 외부 라이브러리 없이 자체 구현했고 입력 전체를 먼저 HTML 이스케이프한 뒤 마크다운을 해석하므로, 붙여넣은 문서에 스크립트 태그가 섞여 있어도 화면에서 실행되지 않습니다. 완성된 결과는 HTML 복사 버튼으로 가져가 CMS나 이메일 편집기에 그대로 넣을 수 있습니다.
이 도구는 인터넷 연결을 끊어도 동작합니다. 입력한 내용과 파일은 이 브라우저 밖으로 나가지 않습니다.
Markdown 미리보기
이것은 굵은 텍스트이고 기울임입니다.
리스트
- 첫 번째 항목
- 두 번째 항목
- 세 번째 항목
코드
인라인 코드와 코드 블록:
function hello() {
console.log("Hello, World!");
}
링크 & 이미지
> 이것은 인용문입니다.
끝!
Markdown, 이렇게 쓰세요
왼쪽에 마크다운을 입력하면 오른쪽에 렌더링 결과가 실시간으로 표시됩니다. 제목·목록·링크·이미지·인용·코드 블록 같은 기본 문법을 지원합니다.
README·블로그 글·이슈 본문을 작성하며 결과를 확인할 때, 마크다운 문법을 익힐 때 씁니다.
HTML 태그를 직접 넣으면 보안상 이스케이프됩니다. GFM 확장인 표(|---|)·체크리스트(- [ ])는 렌더링하지 않으니 README 의 표는 GitHub 에서 확인하세요.
관련 도구
자주 묻는 질문
Q. 결과를 HTML 로 복사할 수 있나요?
미리보기 영역의 HTML 복사 버튼으로 렌더링된 HTML 을 그대로 가져갈 수 있습니다.
Q. 링크에 javascript: 를 넣으면 어떻게 되나요?
링크와 이미지 주소는 http·https·mailto 만 허용하고 나머지 스킴은 # 으로 바꿔 무력화합니다. 생성된 링크에는 rel="noopener noreferrer" 가 자동으로 붙습니다.
Q. GitHub 에서 쓰는 표나 각주 문법도 렌더링되나요?
핵심 문법(제목·강조·목록·코드·링크·인용·구분선) 위주의 경량 렌더러라 파이프 표, 각주, 체크리스트 같은 GFM 확장은 일반 문단으로 표시됩니다. 최종 결과는 게시할 플랫폼에서 한 번 더 확인하세요.