마크다운 HTML 변환기

마크다운을 입력하는 즉시 깔끔한 HTML로 바꿔 주는 변환기입니다. 마크다운을 붙여 넣거나 쓰면 GitHub 표, 작업 목록, 코드 블록, 제목 앵커가 들어간 HTML을 복사할 수 있습니다. 결과는 안전하게 정리되어 스크립트와 위험한 속성이 제거됩니다. CMS에 붙일 조각으로 복사하거나 스타일이 들어간 완전한 HTML 페이지로 내려받으세요.

사용법

1. 편집기에 마크다운을 작성하거나 .md 파일을 끌어다 놓기, 열기, 붙여 넣기로 불러오세요. 처음에는 예시 README가 들어 있습니다.
2. 툴바나 단축키로 굵게, 기울임, 제목, 링크, 목록, 체크리스트, 코드, 인용, 표를 넣을 수 있습니다.
3. 미리보기로 바꾸면 클릭할 수 있는 목차와 함께 GitHub 스타일 결과를 보고, HTML로 바꾸면 생성된 코드를 볼 수 있습니다.
4. HTML을 복사하거나, 스타일이 적용된 단독 .html 페이지 또는 .md 파일로 내려받으세요.

• GitHub Flavored Markdown을 지원합니다. 표, 체크리스트, 펜스 코드 블록, 취소선, 자동 링크를 쓸 수 있고, 제목에는 GitHub 방식의 앵커 id가 붙습니다.
• HTML은 안전하게 정리되므로 스크립트와 위험한 속성은 결과에서 제거됩니다.
• 작성 중인 글은 이 브라우저에 자동으로 저장되어 다시 열어도 그대로 남아 있습니다.
• 넓은 화면에서는 나란히 보기로 편집기와 미리보기를 함께 볼 수 있습니다.

마크다운이 HTML로 바뀌는 방식

마크다운의 각 요소는 표준 HTML 요소가 됩니다. # 제목은 h1(##은 h2 …), 빈 줄로 나뉜 문단은 p, -나 *로 시작하는 줄은 ul과 li, 1.로 시작하는 줄은 ol, **글자**는 strong, *글자*는 em, [글자](url)는 a 링크, 는 대체 텍스트가 있는 img가 됩니다. 하이픈 세 개는 hr, >는 blockquote, 울타리 코드는 pre와 code가 되며 대부분의 문법 강조 도구가 알아보는 language-xxx 클래스가 붙습니다.

표는 thead와 tbody가 있는 table로, 작업 항목은 GitHub처럼 비활성 체크박스로 바뀝니다.

웹과 이메일에 안전한 HTML

마크다운에는 HTML을 그대로 넣을 수도 있어 편리하지만, 다른 사람이 쓴 글이라면 위험할 수 있습니다. 이 변환기는 결과를 정리 과정에 통과시켜 일반 서식은 남기고 script 태그, onclick 같은 이벤트 속성, javascript: 링크를 지웁니다. 조각은 CMS, 사이트 템플릿, 이메일 편집기에 붙여 넣으면 됩니다. 이메일 프로그램은 외부 CSS를 무시하는 경우가 많아 단순한 제목, 문단, 목록이 가장 안정적으로 보입니다.

자주 묻는 질문