도구 소개
Markdown 미리보기는 검증된 로컬 Markdown 파서를 사용해 일반적인 서식과 표를 지원합니다. 읽는 화면을 확인하는 데 초점을 둔 도구이며 HTML 소스가 필요하면 Markdown → HTML을 사용할 수 있습니다.
사용 방법
- Markdown을 입력하거나 제목, 목록, 링크, 표가 포함된 예제를 불러오세요.
- 잠시 멈추면 실시간 미리보기가 갱신됩니다. 코드 블록은 코드 텍스트로 유지됩니다.
- 원시 HTML은 문자 그대로, 이미지는 대체 텍스트로 표시합니다. 미리보기가 외부 리소스에 자동으로 접근하지 않습니다.
- 원래 Markdown을 복사하거나 MD 파일을 다운로드해 편집을 계속하세요.
사용 예제
- # Heading은 1단계 제목이 되고 **Bold**와 *Italic*은 강조로 표시됩니다.
- > quote, 번호 있는 목록, 펜스 코드 블록은 각각 해당하는 의미 구조로 표시합니다.
- <script>alert(1)</script>는 텍스트로만 표시하며 스크립트를 실행하지 않습니다.
처리 규칙과 제한
로컬 Markdown 파서를 사용하고 원시 HTML을 비활성화합니다. 위험한 URL 스킴은 실행 가능한 링크가 되지 않으며 코드 블록은 이스케이프해 표시합니다. 이미지는 자동으로 불러오지 않고 텍스트로 대체해 외부 리소스 요청을 방지합니다. 입력 변경 후 약 150ms 뒤에 갱신하고 너무 큰 입력에는 제한 안내를 표시합니다. 입력은 최대 200 KiB, 5,000줄이며 파싱 토큰과 미리보기 DOM 노드는 각각 최대 20,000개입니다. HTML 출력은 최대 1 MiB입니다.
주요 활용
- README, 기술 메모, 문서 초안 작성.
- 제목 계층, 목록, 인용문, 표의 표시 확인.
- 다른 곳에서 받은 Markdown 텍스트를 안전하게 확인.
개인정보 안내
텍스트 처리, 파일 읽기, 변환, 미리보기는 모두 현재 브라우저 안에서 이루어집니다. 입력을 업로드하지 않으며 백엔드, 데이터베이스, 온라인 API, 외부 CDN을 사용하지 않습니다. 내용을 자동 저장하지도 않습니다. 복사와 다운로드도 브라우저 안에서 처리합니다.
FAQ
Markdown이란 무엇인가요?
#, *, 백틱 등의 텍스트 기호로 제목, 강조, 목록, 코드 구조를 표현하는 문법입니다. 파싱하면 HTML을 생성할 수 있습니다.
미리보기에서 JavaScript가 실행되나요?
아니요. 원시 HTML을 비활성화하고 이스케이프하며 코드 블록은 코드만 보여 줍니다. 위험한 링크 스킴도 차단합니다.
이미지가 표시되지 않는 이유는 무엇인가요?
텍스트를 로컬에서 처리하고 외부 리소스의 자동 요청을 막기 위해 원래 이미지 주소를 불러오지 않고 대체 텍스트를 표시합니다.
표를 지원하나요?
헤더와 구분선이 있는 일반적인 Markdown 표를 지원합니다. 셀 안의 세로줄은 규칙에 따라 이스케이프해야 합니다.
복사 버튼은 무엇을 복사하나요?
입력한 Markdown 원문을 복사합니다. HTML 소스가 필요하면 Markdown → HTML 페이지를 사용하세요.