Markdown 편집기와 미리보기
원본의 raw HTML은 미리보기에서 텍스트로 표시되며, javascript: 및 data: 링크는 비활성화됩니다.
Markdown 작성법
Markdown은 몇 가지 문장 부호 규칙을 더한 일반 텍스트입니다. 제목에는 샵, 강조에는 별표, 목록 항목에는 하이픈을 씁니다. README, 위키, 이슈 트래커, 대부분의 메모 앱이 이해하는 언어입니다. 이 편집기는 입력하는 즉시 렌더링해 구조가 잡히는 모습을 보여 주고, 끝나면 깔끔한 HTML을 내보냅니다.
단계
- 1 왼쪽 상자에 Markdown을 입력하거나 붙여 넣으세요. 오른쪽 미리보기는 키를 누를 때마다 갱신됩니다.
- 2 예시를 치트 시트로 활용하세요. 제목, 굵게와 기울임, 목록, 코드 블록, 표, 인용, 링크가 모두 들어 있습니다.
- 3 CMS나 템플릿용으로 HTML을 복사하거나, 문서를 .md 또는 독립 .html 파일로 다운로드하세요.
1분 문법
제목: # 제목, ## 절, ### 소절. 강조: **굵게**, *기울임*, ~~취소선~~. 목록: 줄을 - 또는 1.로 시작하고, 두 칸 들여써서 중첩합니다. 링크: [텍스트](https://example.com); 이미지: . 인라인 코드는 `백틱` 안에, 코드 블록은 백틱 세 개로 감싸고 뒤에 언어 이름을 붙일 수 있습니다. --- 한 줄은 구분선을 그리고, 큰 부호(>)로 시작하는 줄은 인용입니다.
표
표는 머리글 행, 구분 행, 데이터 행으로 이루어지며 셀은 세로 막대로 나눕니다: | 이름 | 가격 |. 구분 행은 하이픈으로 쓰고, 양쪽 끝의 콜론이 정렬을 정합니다 — :--- 왼쪽, :---: 가운데, ---: 오른쪽. 원본에서 열을 맞출 필요는 없습니다. 간격은 렌더러가 처리합니다.
HTML 내보내기에 포함되는 것
HTML 복사는 본문 마크업만 — 단락, 제목, 목록, 표 — 제공하여 자체 스타일이 있는 페이지에 바로 붙여 넣을 수 있습니다. .html 다운로드는 그 마크업을 첫 제목에서 가져온 제목과 작은 스타일시트가 있는 완전한 문서로 감싸, 어떤 브라우저에서도 읽기 좋게 열립니다.
raw HTML을 렌더링하지 않는 이유
표준 Markdown은 HTML을 그대로 통과시킵니다. 편리하지만 붙여 넣은 어떤 문서라도 페이지에서 스크립트를 실행하는 경로가 됩니다. 이 미리보기는 대신 이스케이프합니다. 원본의 div나 script 태그는 텍스트로 나타납니다. 같은 이유로 javascript: 와 data: 스킴 링크는 비활성화됩니다. 내보낸 파일에도 주입된 코드는 없습니다.