텍스트 및 데이터 도구

Markdown 미리보기

왼쪽에서 Markdown을 작성하고 오른쪽에서 안전한 미리보기를 확인하세요. 휴대폰에서는 위아래로 배치됩니다.

Markdown 원문

실시간 미리보기

Markdown 제목, 목록, 코드, 표를 실시간으로 확인합니다. 사용자 HTML과 외부 이미지 자동 로딩은 비활성화합니다.

입력 내용은 브라우저 안에서만 처리하며 서버에 업로드하지 않습니다.

도구 소개

Markdown을 입력하면 제목, 강조, 목록, 코드, 표 등의 표시를 미리 확인할 수 있습니다. 이 페이지에서 레이아웃을 확인하고, HTML 소스를 복사하거나 다운로드하려면 Markdown → HTML 도구를 이용하세요.

사용 방법

  1. Markdown을 입력하거나 제목, 목록, 링크, 표가 포함된 예제를 불러오세요.
  2. 잠시 멈추면 실시간 미리보기가 갱신됩니다. 코드 블록은 코드 텍스트로 유지됩니다.
  3. 원시 HTML은 문자 그대로, 이미지는 대체 텍스트로 표시합니다. 미리보기가 외부 리소스에 자동으로 접근하지 않습니다.
  4. 원래 Markdown을 복사하거나 MD 파일을 다운로드해 편집을 계속하세요.

사용 예제

  • # Heading은 1단계 제목이 되고 **Bold**와 *Italic*은 강조로 표시됩니다.
  • > quote, 번호 있는 목록, 펜스 코드 블록은 각각 해당하는 의미 구조로 표시합니다.
  • <script>alert(1)</script>는 텍스트로만 표시하며 스크립트를 실행하지 않습니다.

처리 규칙과 제한

입력하면 미리보기가 자동으로 업데이트됩니다. 원시 HTML과 코드는 텍스트로만 표시되며 실행되지 않습니다. 안전하지 않은 링크는 비활성화되고 이미지는 자동으로 불러오지 않고 텍스트로 표시됩니다. 입력은 최대 200 KiB, 5,000행이며 생성된 HTML은 최대 1 MiB입니다. 내용이 매우 복잡해도 처리 한도에 도달할 수 있습니다. 제한 안내가 나오면 내용을 줄이거나 나눠서 미리 보세요.

주요 활용

  • README, 기술 메모, 문서 초안 작성.
  • 제목 계층, 목록, 인용문, 표의 표시 확인.
  • 다른 곳에서 받은 Markdown 텍스트를 안전하게 확인.

개인정보 안내

텍스트, 파일, 미리보기는 브라우저 안에서 처리됩니다. 입력한 내용은 업로드되거나 자동 저장되지 않습니다. 보관할 내용은 페이지를 떠나기 전에 저장하세요.

FAQ

Markdown이란 무엇인가요?

#, *, 백틱 등의 텍스트 기호로 제목, 강조, 목록, 코드 구조를 표현하는 문법입니다. 파싱하면 HTML을 생성할 수 있습니다.

미리보기에서 JavaScript가 실행되나요?

아니요. HTML 태그와 코드 블록은 글자로 표시되며 실행되지 않습니다. 안전하지 않은 링크는 클릭할 수 없을 수 있습니다.

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

텍스트를 로컬에서 처리하고 외부 리소스의 자동 요청을 막기 위해 원래 이미지 주소를 불러오지 않고 대체 텍스트를 표시합니다.

표를 지원하나요?

헤더와 구분선이 있는 일반적인 Markdown 표를 지원합니다. 셀 안의 세로줄은 규칙에 따라 이스케이프해야 합니다.

복사 버튼은 무엇을 복사하나요?

입력한 Markdown 원문을 복사합니다. HTML 소스가 필요하면 Markdown → HTML 페이지를 사용하세요.

개발자 도구 목록으로 돌아가기