마크다운을 HTML로 변환
마크다운으로 쓰고 HTML로 어디든 붙여 넣으세요. 기기 안에서 변환되므로 작성 중인 글이 밖으로 나가지 않습니다.
출력
위에 붙여넣거나 입력하면 여기에 결과가 표시됩니다.
파일은 내 기기 밖으로 나가지 않습니다
이 도구는 브라우저 안에서만 작동합니다. 붙여넣은 내용은 기기에서 처리되고 서버로 전송되지 않으므로 토큰, 키, 공개 전 문서도 안심하고 사용할 수 있습니다.
사용 예시
사내 기술 블로그 글: 표·코드 블록·체크 목록이 든 마크다운을 HTML로
개발팀이 신입 안내 글을 마크다운으로 써서 워드프레스 사내 블로그에 올립니다. 글에는 ## 제목, 굵게와 기울임, 인라인 코드, 브랜치 규칙 표, bash 코드 블록, 체크박스 목록, 인용문 속 링크, 접기용 details 태그, 다른 곳에서 복사해 온 onclick 달린 «확인» button 태그가 섞여 있습니다. 모두 475자입니다.
- 붙여 넣으면 바로 810자의 HTML 조각이 나옵니다. html이나 body 태그, 스타일은 들어 있지 않습니다.
- 한글은 그대로 남고 &#...; 같은 코드로 바뀌지 않습니다. 표는 thead와 tbody로, 코드 블록은 class="language-bash"가 붙은 pre·code로 바뀝니다.
- details 태그는 그대로 남지만 button 태그와 onclick은 지워지고 글자 «확인»만 남습니다.
- 워드프레스의 HTML 보기에 붙여 넣으면 표와 코드 블록이 테마의 글꼴과 스타일을 따릅니다.
| 마크다운 | HTML |
|---|---|
| ## 신입 개발자를 위한 브랜치 규칙 | h2 제목 |
| **반드시**, _feature/이슈번호-요약_ | strong(굵게), em(기울임) |
| `develop` | code로 감싼 develop |
| | 브랜치 | 용도 | 병합 대상 | | table, 머리글은 thead, 내용은 tbody |
| ```bash … ``` | pre 안의 code, class="language-bash" |
| - [x] 커밋 메시지는 한글로 | 체크된 비활성 체크박스가 앞에 붙은 li |
| > … [팀 위키](https://example.com/wiki) … | blockquote 속 a 링크 (href에 주소) |
| onclick이 달린 «확인» button 태그 | 태그는 지워지고 «확인» 글자만 남음 |
복사 버튼으로 붙여 넣거나 .html 파일로 받아 둡니다. 스크립트와 이벤트 핸들러가 빠지므로 다른 곳에서 복사해 온 조각이 섞여 있어도 사내 블로그에서 코드가 실행되지 않습니다.
사용 방법
- 입력란에 마크다운을 붙여 넣거나 직접 쓰세요. 제목, 목록, 링크, 이미지, 코드 블록, 인용문, 표, 강조를 지원합니다.
- 입력하는 대로 결과가 나옵니다. 결과는 <html>이나 <body> 없이 본문만 담긴 HTML 조각이라 페이지나 CMS 편집기에 그대로 넣을 수 있습니다.
- 복사 버튼으로 HTML을 복사하거나 .html 파일로 받으세요.
- 워드프레스나 Ghost의 HTML 보기, 뉴스레터 도구, 직접 만든 템플릿에 붙여 넣으세요.
자주 묻는 질문
- 입력한 글이 업로드되나요?
- 아니요. 마크다운은 페이지 안의 자바스크립트가 해석하고 렌더링합니다. 서버로 전송되는 것이 없고 오프라인에서도 동작합니다.
- 어떤 마크다운 문법을 지원하나요?
- CommonMark에 가장 널리 쓰이는 확장을 더해 지원합니다. 언어 클래스가 붙는 펜스 코드 블록, 표, 취소선, 체크박스 목록입니다. 마크다운 안의 원시 HTML은 div, span, details, img, 표 같은 일반 태그라면 그대로 남고, script·style·iframe·폼, 이벤트 핸들러 속성, javascript: 링크는 제거됩니다.
- 만들어진 HTML을 사이트에 붙여 넣어도 안전한가요?
- 스크립트, 인라인 이벤트 핸들러, javascript: 링크가 제거되므로 결과 HTML이 코드를 실행할 수는 없습니다. 그래도 신뢰할 수 없는 곳에서 가져온 마크다운은 게시하기 전에 한 번 확인하세요.
- CSS나 전체 페이지도 포함되나요?
- 아니요. h1, p, ul, pre, code, table 같은 의미 있는 태그만 담긴 조각이 나오고 스타일은 없습니다. 붙여 넣은 곳의 디자인을 그대로 따르며, 독립된 페이지가 필요하면 직접 템플릿으로 감싸세요.
- 체크박스 목록(- [ ])도 바뀌나요?
- 네. - [x]는 체크된 체크박스, - [ ]는 빈 체크박스가 앞에 붙은 li 항목이 됩니다. 체크박스는 disabled라 읽는 사람이 누를 수는 없습니다.
- 한글이 &#... 같은 코드로 바뀌지 않나요?
- 바뀌지 않습니다. 한글과 특수 문자는 그대로 HTML에 들어가므로, 붙여 넣은 곳의 HTML 보기에서도 글자 그대로 읽을 수 있습니다.
- 무료로 얼마나 쓸 수 있나요?
- 무료 플랜은 하루 5회까지 실행할 수 있습니다. Pro는 이 제한을 해제합니다.
관련 도구
⇄ CSV JSON 변환 엑셀에서 내보낸 표를 API, 스크립트, 설정 파일에 쓸 JSON으로 바꿉니다. 데이터가 페이지 밖으로 나가지 않습니다. ⇄ JSON CSV 변환 API 응답과 내보내기 데이터를 표로 열 수 있는 CSV로 바꿉니다. 데이터가 페이지 밖으로 나가지 않습니다. ⇄ SRT VTT 변환 SubRip 자막을 브라우저의 video 요소와 웹 플레이어에서 쓸 수 있게 만듭니다. 업로드는 필요 없습니다. • EPUB 텍스트 변환 읽기, 검색, 메모, 음성 변환에 쓰려고 전자책의 글만 뽑아냅니다. 책을 어디에도 보내지 않습니다.