마크다운 편집기
왼쪽에 쓰고 오른쪽에서 렌더링된 페이지를 읽습니다. 버튼도, 업로드도 없습니다.
렌더링된 페이지가 여기에 나타납니다.
사용 방법
- 왼쪽 상자에 마크다운을 입력하거나 붙여 넣으세요. 입력하는 대로 오른쪽 미리보기가 갱신됩니다. 렌더링 버튼은 없습니다.
- 여기서는 “줄바꿈 하나를 새 줄로”가 기본으로 꺼져 있습니다. CommonMark 규칙대로 줄바꿈 하나를 공백으로 봅니다. 모든 줄바꿈을 줄 끝으로 쓰고 싶을 때 켜세요.
- CMS나 블로그용 HTML을 복사하거나 .md / .html 파일로 내려받으세요. 세 가지 출력 모두 미리보기와 같은 해석 결과입니다.
예시
입력 (마크다운)
## 브라우저 안에서만 **굵게**, `코드`, 그리고 [링크](https://example.com). - 업로드 없음 | 형식 | 바이트 | | --- | ---: | | .md | 128 |
출력 (복사되는 HTML)
<h2 dir="auto">브라우저 안에서만</h2> <p dir="auto"><strong>굵게</strong>, <code>코드</code>, 그리고 <a href="https://example.com" target="_blank" rel="noopener noreferrer nofollow">링크</a>.</p> <ul><li dir="auto">업로드 없음</li></ul> <table><thead><tr><th dir="auto">형식</th><th dir="auto" class="md-align-end">바이트</th></tr></thead><tbody><tr><td dir="auto">.md</td><td dir="auto" class="md-align-end">128</td></tr></tbody></table>
위 HTML은 “HTML 복사”가 클립보드에 넣는 내용과 같습니다. 같은 해석 결과가 미리보기를 만들고, 텍스트는 주입되지 않고 이스케이프됩니다.
규칙, 한계, 알려진 문제
- 지원: 제목(#과 ===), 문단, 굵게 / 기울임 / 취소선, 인라인 코드, 펜스 코드 블록, 링크, 이미지, 인용, 순서·비순서·작업 목록, GFM 표, 가로줄, 자동 링크.
- 미지원: 들여쓰기(4칸) 코드 블록, 참조형 링크, 각주, 정의 목록, 원시 HTML 블록, HTML 엔티티, 수식(KaTeX), Mermaid 다이어그램, 이모지 숏코드, 구문 강조, 목차, 동기 스크롤.
- 원시 HTML은 절대 실행하지 않습니다. <div>, <script>, <img onerror=…>는 글자 그대로 보입니다. 그래서 기존 HTML 조각을 여기서 미리 볼 수 없습니다.
- 링크는 http, https, mailto, tel, #앵커만 유지합니다. javascript:, data:, vbscript: URL은 버리고 링크 텍스트는 남깁니다. 이미지는 http/https만 받습니다.
- 원격 이미지는 브라우저가 불러오며 해당 주소로 요청을 보냅니다(no-referrer). 이미지 URL 자체가 민감하다면 문서에 넣지 마세요.
- 실용적인 부분집합이며 전체 CommonMark/GFM이 아닙니다. 깊은 중첩, 표 코드 안의 |, 목록 들여쓰기, 여러 줄 Setext 제목은 GitHub과 다르게 렌더링될 수 있습니다.
- 중첩은 8단계까지입니다(인용, 목록, 인라인). 더 깊은 내용은 일반 텍스트로 보여 주어 악의적인 입력이 페이지를 멈추지 못하게 합니다.
- 10만 자까지 실시간이며 그 이상은 입력을 멈추고 약 0.5초 뒤 미리보기가 갱신됩니다. 잘라 내지는 않습니다.
- 내보낸 .html은 평범한 타이포그래피의 독립 정적 페이지이고 구문 강조가 없습니다. 인쇄/PDF 레이아웃이 아니며 PDF나 Word 내보내기는 없습니다.
- 아무것도 저장하지 않습니다. 계정, 초안, 기록, URL 매개변수가 없으며 탭을 닫으면 텍스트가 사라집니다.
관련 도구
마크다운을 쓴 뒤 흔히 이어서 쓰는 도구입니다.