본문으로 건너뛰기
EVOA Toolbox

Markdown을 HTML로 변환

Markdown(GitHub 방식)을 깔끔한 HTML로 변환하고 실시간 미리보기를 제공합니다. 결과를 복사하거나 다운로드할 수 있으며 모두 브라우저에서 처리됩니다.

브라우저에서 로컬로 처리됩니다. 텍스트는 업로드되지 않습니다.

도구를 불러오는 중…

도구 소개

Markdown을 붙여넣으면 바로 HTML로 변환됩니다. 표, 작업 목록, 취소선, 펜스 코드 블록, 자동 링크 같은 GitHub 방식 Markdown(GFM)과 기본적인 제목, 강조, 목록, 인용, 링크를 지원합니다. 오른쪽의 실시간 미리보기에서 문서가 어떻게 보일지 확인할 수 있고, 두 번째 탭에서는 원본 HTML을 보며 필요한 부분을 그대로 복사할 수 있습니다.

README나 문서 초안을 CMS 또는 이메일 템플릿용 HTML로 바꾸거나, 메모에서 독립된 .html 페이지를 빠르게 만들거나, 표나 코드 블록이 게시 전에 어떻게 렌더링될지 확인하는 용도로 주로 사용합니다. 옵션으로 줄바꿈 한 번을 <br>로 처리하거나, GFM을 꺼서 기본 Markdown만 엄격하게 적용하거나, 최소한의 스타일이 포함된 완전한 HTML 문서로 감쌀 수 있습니다.

변환은 브라우저 안에서 marked 라이브러리가 수행합니다. 미리보기는 의도적으로 제한되어 있습니다. HTML은 허용 목록 기반 정화기를 거치고, 스크립트 실행, 양식 제출, 외부 이미지 로드가 불가능한 샌드박스 프레임에서 렌더링됩니다. 내보내는 HTML은 정화 옵션이 켜져 있을 때만 정화되며, 이 옵션은 기본으로 켜져 있습니다.

사용 방법

  1. 1왼쪽 입력란에 Markdown을 붙여넣거나 입력하세요. 예시 버튼을 누르면 샘플이 불러와집니다.
  2. 2실시간 미리보기가 갱신되는 것을 확인하거나, HTML 탭으로 전환해 마크업을 확인하세요.
  3. 3옵션을 선택하세요. GitHub 방식 Markdown, 줄바꿈, 정화된 내보내기, 전체 문서로 감싸기를 설정할 수 있습니다.
  4. 4복사를 누르면 HTML이 클립보드에 복사되고, 다운로드를 누르면 .html 파일로 저장됩니다.

지원 형식

입력: Markdown 텍스트(GitHub 방식 확장을 포함한 CommonMark). 출력: HTML 조각 또는 완전한 .html 문서.

프라이버시

Markdown은 사용자의 기기에서 변환됩니다. 아무것도 업로드되지 않으며, 미리보기 프레임은 샌드박스로 격리되어 있어 악의적인 Markdown이라도 스크립트를 실행하거나 서버에 접속할 수 없습니다.

제한 사항

  • Markdown 안의 원시 HTML은 변환기가 그대로 통과시킵니다. 정화 옵션을 켜지 않으면 내보낸 HTML은 정화되지 않습니다. 다른 사람이 작성한 Markdown이라면 항상 켜 두세요.
  • 정화기는 스크립트, iframe, 양식, 인라인 스타일, 이벤트 핸들러를 제거하므로 일부 고급 임베디드 HTML은 정화된 출력에서 삭제됩니다.
  • 미리보기는 외부 이미지를 불러오지 않습니다(개인정보 보호를 위해 차단됩니다). data: URI로 포함된 이미지는 표시되며, 외부 이미지는 게시된 뒤 내보낸 HTML에서 나타납니다.
  • 구문 강조, 수식, 다이어그램 확장은 포함되어 있지 않습니다. 코드 블록은 스타일을 직접 지정할 수 있도록 language-xxx 클래스와 함께 내보내집니다.
  • 매우 큰 문서(수 MB)는 편집할 때마다 미리보기를 다시 렌더링하므로 입력이 느리게 느껴질 수 있습니다.

FAQ

HTML 출력을 그대로 게시해도 안전한가요?

정화 옵션을 켜면 허용 목록에 따라 스크립트, iframe, 이벤트 핸들러, 인라인 스타일, javascript: 링크가 제거됩니다. 끄면 입력한 원시 HTML을 포함해 Markdown 변환기가 만든 출력 그대로 나옵니다. 신뢰할 수 없는 출처의 정화되지 않은 출력은 안전하지 않은 것으로 취급하세요.

표와 작업 목록도 지원하나요?

네. GitHub 방식 Markdown이 켜져 있으면(기본값) 표, 작업 목록(- [x]), 취소선(~~텍스트~~), URL 자동 링크를 모두 지원합니다. 기본 Markdown만 엄격하게 적용하려면 GFM을 끄세요.

줄바꿈이 사라지는 이유는 무엇인가요?

표준 Markdown에서는 줄바꿈 한 번으로 줄이 바뀌지 않습니다. 줄 끝에 공백 두 개를 넣거나 빈 줄을 두세요. 줄바꿈 옵션을 켜면 GitHub 댓글처럼 모든 줄바꿈이 <br>로 바뀝니다.

완전한 HTML 페이지로 받을 수 있나요?

전체 문서 옵션을 켜세요. 출력이 doctype, head, UTF-8 메타 태그, 작은 스타일시트로 감싸져 .html 파일로 저장했을 때 제대로 열립니다.

관련 도구