Markdown을 HTML로 변환기

왼쪽에 Markdown을 입력하면 오른쪽에서 렌더링된 HTML을 확인할 수 있습니다.

Markdown

# 안녕하세요

이것은 **굵게**와 *기울임*입니다.

- 첫 번째 항목
- 두 번째 항목

[링크](https://example.com)

HTML 미리보기

기능

실시간 미리보기

GitHub 스타일 마크다운 지원

HTML 파일로 내보내기

사용 방법

1. 왼쪽 패널에 Markdown을 입력하거나 붙여넣으세요.

2. 오른쪽에 HTML 미리보기가 실시간으로 표시됩니다.

3. HTML 복사 버튼으로 소스 코드를 복사하거나, 다운로드 버튼으로 파일을 저장하세요.

이 도구에 대하여

Markdown을 쓰면 제목은 #, 굵게는 **, 목록은 -처럼 간단한 기호로 서식 있는 글을 쓰고 웹사이트, 이메일, CMS용 HTML로 바꿀 수 있습니다. 이 변환기는 입력하는 동안 렌더링 결과를 옆에 보여 주고, 생성된 HTML을 복사하거나 다운로드할 수 있게 합니다. 제목, 문단, 굵게, 기울임, 취소선, 인라인 코드, 펜스 코드 블록, 번호 있는 목록과 없는 목록, 링크, 이미지, 인용문, 가로줄을 지원해 대부분의 README, 문서, 블로그 글을 다룰 수 있습니다. 코드 안의 특수 문자는 이스케이프되어 올바르게 표시됩니다. 일부 확장 Markdown의 표, 각주, 작업 목록은 변환되지 않으니 미리보기에서 그 부분을 확인하세요.

자주 묻는 질문

어떤 Markdown 기능을 지원하나요?

제목(#부터 ######까지), 굵게, 기울임, ~~취소선~~, 인라인 코드, 언어 표시가 있는 펜스 코드 블록, 번호 있는 목록과 없는 목록, 링크, 이미지, 인용문, 가로줄을 지원합니다.

표와 작업 목록도 지원하나요?

아니요. GitHub Flavored Markdown의 표 문법과 작업 목록 체크박스는 일반 텍스트로 표시됩니다. 이런 기능에 의존하는 문서에는 GitHub에 내장된 렌더러나 정적 사이트 생성기 같은 완전한 GFM 렌더러를 쓰세요.

새 문단을 만들지 않고 줄을 바꾸려면 어떻게 하나요?

글 덩어리 사이에 빈 줄을 넣으면 서로 다른 문단이 되고, 짧은 여러 줄은 목록으로 쓰세요. <br> 같은 원시 HTML 태그는 이스케이프되어 렌더링되지 않고 글자로 보입니다.

생성된 HTML을 내 웹사이트에 그대로 올려도 안전한가요?

변환기는 글 안의 원시 HTML을 이스케이프하므로 대부분의 주입을 막습니다. 다만 링크 주소는 그대로 전달되므로, 신뢰할 수 없는 사용자의 Markdown을 공개한다면 DOMPurify 같은 라이브러리로 출력을 정리하고 javascript: 링크를 거부하세요.

스타일이 적용된 완전한 HTML 파일을 받을 수 있나요?

"다운로드"를 누르면 변환된 내용이 HTML 문서로 저장됩니다. 글꼴, 여백, 코드 강조를 조절하려면 직접 스타일시트를 추가하거나 이미 스타일이 있는 페이지에 HTML을 붙여넣으세요.

Markdown을 HTML로 변환기

기능

사용 방법

이 도구에 대하여

자주 묻는 질문

관련 도구