Markdown to HTML.

라이브 미리보기와 정제된 출력 패널로 Markdown을 HTML으로 변환.

Processed in your browserNo upload, no signup

Markdown

0 lines · 0 chars

HTML

0 lines · 0 bytes

Preview rendered output

입력은 로컬에서 처리되며 업로드되지 않습니다. DevTools → Network에서 확인할 수 있습니다.

Markdown to HTML 예제.

// Try the editor

# Hello, DevSpeedTools

Markdown is a lightweight markup language. This page renders it as **sanitised** HTML.

- Easy to write
- Easy to read
- Sanitised by default

```js
function greet(name) {
  return `Hello, ${name}!`;
}
```

> Blockquotes are supported.

자주 묻는 질문.

Markdown 테이블을 지원하나요?

네. 테이블, 목록, 제목, 링크, 이미지 등을 지원합니다.

출력이 안전한가요?

네. HTML은 스크립트 인젝션을 방지하기 위해 정제됩니다.

Markdown-HTML 변환의 작동 방식

이 도구는 marked 라이브러리를 사용하여 Markdown을 HTML로 변환하고, DOMPurify로 출력을 안전하게 정화합니다. marked는 빠르고 표준 호환적인 Markdown 파서로, CommonMark 스펙을 준수합니다.

DOMPurify는 변환된 HTML에서 XSS 공격을 유발할 수 있는 위험한 태그와 속성을 제거합니다. 사용자 제공 Markdown을 HTML로 렌더링할 때 반드시 적용해야 하는 보안 단계입니다.

변환 과정은 서버 측 또는 브라우저에서 모두 실행할 수 있습니다. 마크다운 텍스트를 입력하면 정화된 HTML 문자열이 출력되며, 직접 웹 페이지에 삽입할 수 있습니다.

지원되는 Markdown 기능

기본 문법으로 제목(# ~ ######), 볼드(**), 이탤릭(*), 코드 인라인(''), 코드 블록, 링크, 이미지, 인용문(>), 수평선, 순서 있는 목록, 순서 없는 목록 등을 지원합니다.

표(Table), 체크박스(- [x]), 정의 목록 등 확장 기능도 지원됩니다. 테이블은 파이프(|)와 하이픈(-)으로 구분하며, 체크박스는 할일 목록을 작성할 때 유용합니다.

테마별 스타일링을 위해 CSS 클래스를 추가할 수 있으며, 문법 강조(highlighting)를 위한 코드 블록 언어 지정도 가능합니다.

Markdown-HTML 변환을 사용해야 하는 경우

README 파일, 블로그 게시물, 문서 페이지 등에서 Markdown을 HTML로 변환하여 웹에 게시할 때 활용합니다. 마크다운은 작성하기 쉽고, HTML은 브라우저에서 바로 표시할 수 있습니다.

이메일 본문을 Markdown으로 작성한 후 HTML 이메일로 변환하거나, CMS(콘텐츠 관리 시스템)에 Markdown 입력을 HTML로 렌더링할 때도 유용합니다.

API 응답에서 Markdown 형식의 설명이나 문서를 HTML로 변환하여 프론트엔드에 표시할 때도 이 도구를 사용할 수 있습니다.