Haru Utils
MD

BROWSER UTILITY

Markdown 미리보기·HTML

Markdown을 정화된 HTML로 변환하고 격리된 화면에서 미리 봐요

내 기기에서 처리입력·파일 자동 업로드 없음영구 저장 없음민감한 원문을 기록하지 않음PWA 확인 중방문·준비한 도구 자원 재사용
다운로드 파일명 markdown-preview-result.txt
입력값은 이 브라우저의 메모리에서만 처리됩니다.
고급 기능 · 공유·연결·단축키

입력 데이터는 저장하거나 주소에 넣지 않습니다. 공유 기능은 선택·체크·범위 같은 옵션만 다룹니다.

⌘/Ctrl + K
도구 빠른 검색
Alt + S / R / W
샘플 · 초기화 · 좌우 교환
⌘/Ctrl + Shift + C / D
결과 복사 · 다운로드
Esc
진행 중인 대용량 작업 취소

브라우저 안에서 안전하게 입력한 데이터와 파일은 서버로 전송하거나 저장하지 않고 현재 브라우저에서만 처리합니다.

FRIENDLY GUIDE

Markdown 미리보기·HTML, 이렇게 사용해 보세요

Markdown을 정화된 HTML로 변환하고 격리된 화면에서 미리 봐요 처음 사용하는 분도 아래 순서대로 진행하면 쉽게 결과를 만들 수 있어요.
01

언제 사용하나요?

README, 블로그 초안, 안내 문서의 렌더 결과와 정화된 HTML을 서버 전송 없이 확인할 때 유용합니다.

02

어떻게 사용하나요?

  1. 1원본 표나 기준값을 입력하고 결과 형식과 범위를 선택하세요.
  2. 2결과가 바뀌는 것을 확인하며 Markdown을 GFM 문법으로 HTML 변환하고 DOMPurify로 위험 태그·속성을 제거한 뒤 script와 same-origin 권한이 없는 sandbox iframe에서 미리 봅니다. 원본 HTML은 기본적으로 꺼져 있습니다.
  3. 3미리보기와 건수를 확인한 뒤 복사하거나 파일로 저장하세요.
03

주요 기능과 옵션

  • Markdown을 정화된 HTML로 변환하고 격리된 화면에서 미리 봐요
  • Markdown을 GFM 문법으로 HTML 변환하고 DOMPurify로 위험 태그·속성을 제거한 뒤 script와 same-origin 권한이 없는 sandbox iframe에서 미리 봅니다. 원본 HTML은 기본적으로 꺼져 있습니다.
  • 문서 내용은 현재 브라우저에서만 변환됩니다.

GLOSSARY

알아두면 좋은 용어

Markdown
간단한 기호로 제목·목록·링크·코드를 표현하는 문법
Sanitize
스크립트와 위험 속성을 제거해 HTML을 정화하는 처리
Sandbox
미리보기 문서를 본 페이지와 격리하는 브라우저 제한
GFM
표·체크박스 등을 포함한 GitHub 계열 Markdown 문법

TIP정화된 HTML이라도 게시 대상 CMS의 자체 필터와 CSS에서 모양이 달라질 수 있으므로 실제 게시 전 미리보기하세요.

LIMITscript·iframe·form·SVG·MathML과 원격 이미지·미디어 src, javascript/data URI를 차단합니다. 네트워크 리소스를 불러오지 않고 입력 5만 자·HTML 50만 자·요소 1만 개로 제한합니다.

도구 빠른 검색

최근 사용한 도구를 다시 열거나, 이름과 기능으로 검색하세요.

검색어와 도구의 입력·결과는 저장하지 않습니다.

↑↓ 이동 · Enter 열기 · Esc 닫기