Markdown-HTML 변환기

Markdown을 붙여넣거나 입력하여 HTML로 변환하세요. GFM 표, 코드 블록, 링크, 이미지 등을 지원합니다. 모든 처리는 브라우저에서 이루어집니다.

Markdown → HTML에 대하여

이 도구는 Markdown 구문을 깨끗한 HTML 코드로 변환합니다. 모든 처리는 브라우저에서 이루어집니다. 어떤 서버로도 데이터가 전송되지 않습니다.

지원되는 Markdown 기능:

  • 제목 (h1부터 h6까지)
  • 굵게, 기울임, 취소선, 인라인 코드
  • 링크 및 이미지
  • 순서 있는 목록 및 순서 없는 목록
  • 인용문 및 코드 블록
  • 수평선 및 줄바꿈
  • 표 (GFM 구문)

마크다운은 평문 그대로 읽히도록 설계되었기에 변환도 일부러 보수적입니다. 알아보지 못하는 것은 추측하지 않고 그대로 둡니다. 여기에는 원시 HTML도 포함되어 손대지 않고 통과합니다. 즉 믿을 수 없는 출처의 텍스트에서는 믿을 수 없는 출처의 HTML이 나옵니다. 페이지 근처에 가기 전에 반드시 정화하세요.

마크업이 말을 안 듣나요

이스케이프된 엔티티, 깨진 인코딩, CMS에서는 이렇게 보이는데 페이지에서는 저렇게 보이는 콘텐츠. 대개는 파이프라인 어딘가가 추측하고 있다는 뜻입니다. 저희는 프런트엔드와 그 뒤의 배포 경로까지 만듭니다. 쓴 그대로 방문자에게 보이도록 말이죠.

사이트에 대해 이야기하기

자주 묻는 질문

어떤 계열의 마크다운인가요

공통 핵심에 더해 GitHub 계열 중 실제로 쓰이는 부분, 즉 표, 울타리 코드 블록, 취소선입니다. 참조 방식 링크와 인라인 HTML은 원래 명세가 설명하는 대로 동작합니다.

원시 HTML이 왜 그대로 나왔나요

마크다운이 그렇게 정하고 있기 때문입니다. 문서 안의 HTML은 쓰인 그대로 전달됩니다. 편리한 동시에, 믿을 수 없는 출처의 변환 결과를 정화 없이 렌더링해서는 안 되는 이유이기도 합니다.

중첩 목록이 왜 평평해지나요

거의 언제나 들여쓰기 때문입니다. 중첩 항목은 부모의 글머리 기호가 아니라 부모의 본문에 맞춰야 하므로, 번호 매긴 항목 아래에서는 두 칸으로 부족한 경우가 많습니다. 네 칸이 확실합니다.

표가 렌더링되지 않습니다

표에는 머리글 아래 하이픈으로 된 구분 줄이 필요하고, 표 앞에 빈 줄도 있어야 합니다. 문단 바로 뒤에 틈 없이 놓인 표는 그 문단의 일부로 읽힙니다.

각주 같은 확장도 다루나요

공통 범위 밖의 것은 다루지 않습니다. 각주, 정의 목록, 사용자 정의 컨테이너는 구현마다 달라서, 거기에 기대는 문서는 결국 무엇이 렌더링하느냐에 따라 다르게 변환됩니다.

프로젝트는 대화에서 시작합니다

어떤 생각을
하고 계신가요?

원하는 결과, 기존 시스템, 제약 조건을 알려주세요. 시작할 때 기술 명세서가 필요하지는 않습니다.

엔지니어 직접 지원

직접적인 기술 협업.
명확한 범위와 책임 있는 납품.