onlinetools.dev

Markdown ↔ HTML 변환기

Markdown을 실시간 미리보기로 HTML 렌더링, HTML을 Markdown으로 역변환

로컬 실행
loading…
이 도구에 대해

Markdown을 쓰거나 붙여넣으면 렌더링된 미리보기와 생성된 HTML을 나란히 볼 수 있습니다 — 제목, GFM 표, 작업 목록형 글머리, 펜스 코드 블록, 취소선까지 포함해서요. 반대 방향은 기존 HTML을 ATX 제목, 대시 글머리, 펜스 코드로 이루어진 깔끔한 Markdown으로 변환하는데, 오래된 CMS 콘텐츠를 문서 저장소로 옮기는 가장 빠른 길입니다.

미리보기는 렌더링 전에 정화됩니다. 스크립트, iframe, 이벤트 핸들러 속성이 제거되므로, 악의적인 마크업을 실은 공유 링크도 여러분의 브라우저에서 아무것도 실행할 수 없습니다. HTML 출력 상자에는 템플릿이나 이메일에 복사해 넣을 수 있는 원본 변환 결과가 항상 표시됩니다.

변환과 미리보기는 로컬에서 실행됩니다. 미공개 기능 이름이 담긴 릴리스 노트 초안은 여러분의 기기에 머뭅니다.

자주 묻는 질문

어떤 Markdown 방언인가요?
CommonMark에 사람들이 실제로 쓰는 GitHub 확장 — 표, 취소선, URL 자동 링크 — 을 더한 것입니다. 소프트 줄바꿈은 소프트하게 유지됩니다. 단일 줄바꿈은 <br>이 되지 않으며, GitHub의 문서 렌더링과 일치합니다.
왜 미리보기가 원본 HTML 출력과 다른가요?
미리보기는 렌더링 전에 script 태그, 인라인 이벤트 핸들러, javascript: URL을 제거하는 정화기를 거칩니다. 출력 상자는 렌더링되는 마크업이 아니라 텍스트이므로 정화를 건너뜁니다 — 사용자 제공 HTML을 삽입한다면 하류에서 정화하세요.
HTML → Markdown은 얼마나 충실한가요?
구조 요소 — 제목, 목록, 링크, 강조, 코드, 인용, 이미지 — 는 깔끔하게 변환됩니다. Markdown 대응이 없는 HTML(중첩 표, 클래스가 붙은 div, 인라인 스타일)은 날 HTML로 통과되거나 스타일을 잃으므로, 변환 후 한 번 훑어볼 가치가 있습니다.
생성된 HTML을 이메일에 써도 되나요?
네 — 출력은 클래스도 외부 스타일시트도 없는 순수한 시맨틱 HTML인데, 이메일 클라이언트가 가장 잘 견디는 형태가 정확히 이것입니다. 필요한 스타일은 그 위에 인라인으로 얹으세요.
관련 도구