tigtools

Markdown 미리보기

왼쪽에 Markdown을 입력하거나 붙여 넣으면 옆에서 렌더링된 결과를 볼 수 있습니다. 미리보기는 샌드박스 처리되어 텍스트에 포함된 스크립트가 실행되지 않습니다.

브라우저에서 실행 가입 불필요

표시

사용 방법

  1. 편집기에 Markdown을 입력하거나 “예제 사용해 보기”를 눌러 표와 작업 목록이 포함된 문서를 불러오세요.
  2. 입력하는 동안 미리보기가 업데이트됩니다. 생성된 마크업을 보려면 “HTML 소스”로 전환하세요.
  3. 게시할 위치에 맞게 GitHub Flavored Markdown이나 한 줄 줄바꿈 옵션을 켜거나 끄세요.
  4. HTML을 CMS나 이메일에 복사하거나 결과를 .html 또는 .md 파일로 다운로드하세요.

작동 방식

Markdown은 널리 사용되는 오픈 소스 파서인 marked로 변환됩니다. 이 파서는 CommonMark 사양을 따르며, GFM 옵션을 켜면 열 정렬이 가능한 파이프 표, 작업 목록, ~~취소선~~, 일반 URL 자동 링크를 지원하는 GitHub Flavored Markdown도 따릅니다. 각주, 수식, Mermaid 다이어그램은 이 사양에 포함되지 않으므로 일반 텍스트로 표시됩니다.

Markdown에는 원시 HTML이 포함될 수 있으며, 대부분의 Markdown 렌더러와 마찬가지로 해당 HTML은 변경 없이 전달됩니다. 안전을 위해 미리보기는 이 페이지에 삽입되지 않습니다. 스크립트 실행, 양식 제출, 팝업 열기, 이 사이트 접근이 허용되지 않는 샌드박스 프레임 안에서 렌더링되며, 콘텐츠 보안 정책으로 스크립트, 외부 스타일시트, 글꼴, 프레임을 차단합니다. Markdown에 포함된 <script> 태그나 onclick 속성은 HTML 소스에 표시되지만 실행되지는 않습니다. 미리보기의 링크는 표시만 되고 열리지 않습니다. 링크를 따라가려면 URL을 복사하세요.

미리보기에는 일반적인 README 렌더러와 비슷한 기본 스타일시트가 적용됩니다. 웹사이트나 GitHub에서는 같은 HTML도 다르게 표시될 수 있습니다. 복사되는 HTML은 스타일이 포함되지 않은 기본 조각이며, 다운로드한 .html 파일에는 미리보기와 비슷하게 표시되도록 기본 스타일시트가 추가됩니다. 다운로드하거나 복사한 HTML은 살균 처리되지 않으므로, 스크립트가 포함되어 있다면 붙여넣거나 여는 위치에서 실행됩니다.

예시

푸시 전 README 확인

README.md를 붙여 넣어 파일을 GitHub에 올리기 전에 표의 열이 맞는지, 작업 목록이 체크박스로 표시되는지, 코드 블록의 펜스가 올바른지 확인하세요.

HTML을 지원하는 CMS에 게시하기

Markdown으로 블로그 게시물 초안을 작성한 다음 “HTML 복사”를 누르고 <h2>, <p>, <ul> 마크업을 CMS의 HTML 편집기에 붙여 넣으세요.

채팅 스타일의 줄바꿈

채팅 앱의 텍스트에는 한 번의 줄바꿈으로 구분된 줄이 있습니다. “한 번의 줄바꿈을 <br>로 처리”를 켜면 해당 줄들이 하나의 단락으로 합쳐지지 않고 각각 유지됩니다.

자주 묻는 질문

출처를 알 수 없는 Markdown을 붙여 넣어도 안전한가요?

네, 미리보기에서는 안전합니다. 렌더링된 HTML은 스크립트가 비활성화된 샌드박스 프레임에 표시되므로, 텍스트에 <script> 태그나 이벤트 핸들러가 있어도 여기서는 아무 동작도 하지 않습니다. 내보낸 HTML은 살균 처리되지 않으므로 붙여 넣는 위치에 주의하세요.

이미지가 표시되지 않는 이유는 무엇인가요?

미리보기에서 네트워크 요청이 발생하지 않도록 다른 웹사이트의 이미지는 기본적으로 차단됩니다. 이미지를 표시하려면 “다른 웹사이트의 이미지 불러오기”를 켜세요. ./docs/screenshot.png 같은 상대 경로는 해당 파일이 여기에 없으므로 사용할 수 없습니다.

각주, 수식, 다이어그램을 지원하나요?

아니요. CommonMark와 GitHub Flavored Markdown(표, 작업 목록, 취소선, 자동 링크)을 지원합니다. 각주, LaTeX 수식, Mermaid 다이어그램은 확장 기능이며, 이 미리보기에서는 일반 텍스트로 표시됩니다.

한 번의 줄바꿈으로 새 줄이 시작되지 않는 이유는 무엇인가요?

표준 Markdown에서는 단락 안의 한 번의 줄바꿈이 공백으로 처리됩니다. 줄 끝에 공백을 두 개 입력하거나, 빈 줄을 추가하거나, “한 번의 줄바꿈을 <br>로 처리”를 켜세요.

개인정보 보호

Markdown은 브라우저에서 변환되며 업로드되거나 저장되지 않습니다. 다른 웹사이트의 이미지 불러오기를 허용하지 않는 한 미리보기는 인터넷에서 아무것도 불러오지 않습니다. 허용하면 해당 이미지의 호스트에 직접 요청합니다.