📝 마크다운→HTML
왼쪽에 마크다운을 쓰면 미리보기 또는 HTML 코드로 즉시 변환됩니다.
사용 방법
- 마크다운 문법으로 작성된 텍스트를 입력합니다.
- 출력 방식(렌더링 미리보기/HTML 코드)을 선택합니다.
- 미리보기로 결과를 확인하거나 HTML 코드를 복사해 사용합니다.
이럴 때 유용해요
- GitHub README를 올리기 전에 렌더링 결과를 확인할 때
- 마크다운으로 쓴 글을 블로그 HTML 에디터에 옮길 때
- 노션·옵시디언에서 내보낸 md 문서를 웹페이지 코드로 바꿀 때
알아두면 좋은 팁
- 표는 | 구분자와 --- 헤더 행으로 작성하면 table 태그로 변환됩니다. 표 작성이 번거로우면 '마크다운 표 생성기' 도구를 함께 쓰세요.
- 줄바꿈 하나는 무시되는 것이 마크다운 표준입니다. 강제 줄바꿈이 필요하면 줄 끝에 공백 두 칸을 넣으세요.
자주 묻는 질문
어떤 마크다운 문법까지 지원하나요?
제목(#), 굵게/기울임, 목록, 링크, 이미지, 인용, 코드블록, 표 등 GitHub에서 쓰는 GFM 계열 문법 대부분을 지원합니다. 취소선(~~)과 자동 링크도 변환됩니다.
변환된 HTML을 블로그에 붙여넣으면 스타일이 안 예쁜데요?
이 도구는 순수한 HTML 구조(h1, p, ul 등)만 생성하고 CSS는 포함하지 않습니다. 각 블로그·사이트의 기존 스타일이 적용되므로, 독립 문서로 쓰려면 별도 CSS를 입혀야 합니다.
HTML을 다시 마크다운으로 되돌릴 수도 있나요?
이 도구는 마크다운→HTML 단방향입니다. 반대로 HTML에서 서식을 걷어내고 텍스트만 필요하면 'HTML 태그 제거' 도구를, 마크다운 서식 기호만 지우려면 '마크다운 제거' 도구를 사용하세요.
코드블록의 언어 표시(```js)도 처리되나요?
네, code 태그에 language-js 형태의 클래스가 붙어 변환됩니다. 다만 색상 하이라이트는 별도의 하이라이터(highlight.js 등)를 페이지에 추가해야 나타납니다.
