마크다운 미리보기
왼쪽에 쓰면 오른쪽에 보입니다. 업로드도, 스크립트 실행도 없습니다.
미리보기가 여기 나옵니다.
사용 방법
- 입력칸에 마크다운을 붙여넣거나 쓰면 미리보기가 따라옵니다.
- 화면이 좁으면 위쪽 탭으로 입력과 미리보기를 번갈아 봅니다.
- "원문 복사"는 쓴 그대로, "HTML 복사"는 미리보기를 만든 HTML을 가져갑니다.
예시
README 올리기 전에 확인
조용히 깨지는 건 대개 중첩 목록과 표입니다. 렌더링된 걸 한 번 보면 커밋을 두 번 하지 않아도 됩니다.
받은 .md 파일 읽기
편집기로 열어 전체 복사해서 붙여넣으면 됩니다. 설치할 것도 없고 파일이 기기를 벗어나지도 않습니다.
HTML로 옮기기
HTML 버튼은 미리보기를 이루는 코드를 그대로 줍니다. 감싸는 요소도, 클래스도, 표 정렬 말고는 인라인 스타일도 없습니다.
두 버전을 비교하려면
어느 줄이 바뀌었는지 보는 건 다른 도구입니다. 텍스트 비교
자주 묻는 질문
입력한 글이 업로드되나요?
아니요. 변환은 브라우저에서 하고 어디로도 보내지 않습니다. 온라인 편집기에 붙여넣기 꺼려지는 문서도 여기서는 괜찮습니다.
마크다운 안에 HTML을 쓰면요?
글자로 보입니다. 먼저 전부 이스케이프한 다음 변환기가 만드는 태그만 쓰기 때문에, 원문의 script 태그는 화면에 글자로 나오고 실행되지 않습니다. 대신 태그로 쓰려던 HTML도 렌더링되지 않습니다.
어디까지 지원하나요?
제목, 문단, 굵게·기울임·취소선, 인라인 코드와 코드 블록, 링크, 이미지, 중첩되는 글머리표·번호 목록, 인용문, 구분선, 표입니다. 각주, 정의 목록, 원시 HTML은 지원하지 않습니다.
줄바꿈 한 번이 왜 사라지나요?
README와 같게 줄바꿈 한 번은 공백으로 처리합니다. 문단을 나누려면 빈 줄을 하나 두세요.
링크가 그냥 글자로 나옵니다
http, https, mailto, 앵커(#), 상대경로만 링크가 됩니다. javascript:나 data: 주소는 일부러 글자로 둡니다. 뭔가를 실행하는 링크는 이 페이지가 만들지 않습니다.
깃허브에서 보이는 것과 같나요?
구조는 같고 꾸밈은 이 사이트 것입니다. 여기서 제목으로 보이면 거기서도 제목입니다. 올리기 전에 확인할 부분은 그쪽입니다.