미리보기
마크다운 미리보고 깨끗한 HTML 복사하는 방법
Markdown Preview는 입력하는 대로 결과를 렌더링하고, 그 미리보기 뒤의 HTML을 그대로 건네줍니다. 렌더링은 표를 포함한 CommonMark를 따르고, 원문에 섞인 원시 HTML은 통과시키지 않으며, 출력은 허용 목록으로 걸러진 뒤 표시됩니다. 그래서 복사한 HTML이 눈으로 본 안전한 마크업과 같습니다. 업로드는 없고 문서는 브라우저 탭에만 존재합니다.
네 단계로 마크다운 미리보고 HTML 가져가기
- 마크다운 작성하거나 붙여넣기편집 패널에 입력하거나, 예제 불러오기를 눌러 제목·강조·목록·인라인 코드·링크·인용을 모두 쓰는 짧은 문서를 확인합니다.
- 미리보기 갱신 확인렌더된 문서가 편집기 옆에 나타나고 입력하는 대로 갱신됩니다. 화면이 좁으면 둘을 억지로 밀어넣는 대신 편집·미리보기 탭으로 전환합니다.
- 링크와 표가 어떻게 나왔는지 점검파이프 표를 지원합니다. 링크는 http·https·mailto 주소만 살아남고 리퍼러를 넘기지 않는 새 탭으로 열리므로, 붙여넣은 javascript: URL은 렌더되지 않고 버려집니다.
- 정제된 HTML 복사정제된 HTML 복사를 누르면 미리보기 본문의 마크업이 클립보드에 담깁니다. 미리보기에 보이는 것과 바이트 단위로 같아 CMS 입력란, 메일 템플릿, 정적 페이지에 바로 붙일 수 있습니다.
Markdown Preview를 쓰는 상황
- 커밋 전에 README 확인푸시한 뒤 깨진 목록을 발견하는 대신, 제목·중첩 목록·표가 의도한 대로 렌더되는지 미리 확인합니다.
- 메모를 CMS용 HTML로 바꾸기본문은 마크다운으로 쓰고, 마크다운을 받지 않는 콘텐츠 입력란에는 정제된 HTML을 복사해 넣습니다.
- 받은 마크다운 읽기원시 마크다운 파일을 편집기에 붙여넣어, 뷰어를 설치하거나 온라인 변환기에 텍스트를 맡기지 않고 서식이 적용된 문서로 읽습니다.
Markdown Preview 자주 묻는 질문
- 미리보기를 만들려면 문서가 업로드되나요?
- 아니요. 파싱·정제·렌더링 모두 브라우저 탭에서 일어나므로 텍스트가 기기에 남고, 페이지를 닫은 뒤 저장되는 것도 없습니다.
- 어떤 마크다운 방식을 따르나요?
- 파이프 표를 켠 CommonMark입니다. 제목, 강조, 목록, 인용 블록, 코드 블록, 인라인 코드, 링크, 표가 모두 렌더됩니다.
- 인라인 HTML이 왜 무시됐나요?
- 원문의 원시 HTML은 의도적으로 렌더하지 않고, 출력은 태그·속성 허용 목록으로 걸러집니다. 복사한 HTML을 다른 시스템에 안전하게 붙일 수 있는 이유입니다.
- 복사한 HTML이 미리보기와 같은가요?
- 네. 복사는 미리보기 본문 자체의 정제된 마크업을 돌려주므로, 다른 곳에 붙이는 내용이 방금 읽은 것과 일치합니다.
- 맨 URL이 왜 링크가 되지 않나요?
- 자동 링크 인식이 꺼져 있어서 링크는 꺾쇠나 대괄호를 쓰는 마크다운 문법으로 써야 합니다. http·https·mailto 주소만 유지됩니다.
- PDF나 HTML 파일로 내보낼 수 있나요?
- 안 됩니다. 결과물은 클립보드에 담기는 정제된 HTML입니다. 직접 저장하거나, 종이가 필요하면 브라우저에서 페이지를 인쇄하세요.