Markdown 편집기 - 실시간 미리보기, HTML 온라인 내보내기

나란히 배치된 편집기에서 Markdown을 작성하고 즉시 미리 본 다음 깔끔한 HTML을 복사하거나 다운로드하세요. 모든 작업은 브라우저에서 로컬로 처리됩니다.

왼쪽에 Markdown을 입력하거나 붙여 넣으면 오른쪽에 렌더링 결과가 나타납니다. 작성한 내용은 업로드되지 않으며 편집기는 기기에서만 작동합니다.

Markdown 편집기 - 실시간 미리보기, HTML 온라인 내보내기
나란히 배치된 편집기에서 Markdown을 작성하고 즉시 미리 본 다음 깔끔한 HTML을 복사하거나 다운로드하세요. 모든 작업은 브라우저에서 로컬로 처리됩니다.
미리보기
단어: 0문자: 0

작동 방식: 소스는 CommonMark 호환 엔진으로 분석되며(표, 펜스 코드, 취소선 활성화), 안전을 위해 원시 HTML은 비활성화됩니다. 미리보기에는 복사하거나 다운로드할 수 있는 HTML이 그대로 표시됩니다.

온라인 Markdown 편집기 소개

이 Markdown 편집기는 바로 옆에 실시간 미리보기가 있는 방해 없는 작성 공간을 제공합니다. 소스 패널에 Markdown을 입력하거나 붙여 넣으면 키를 누를 때마다 결과가 업데이트되므로, 게시 전에 제목, 목록, 링크, 표, 코드 블록이 어떻게 보일지 정확히 확인할 수 있습니다. 모든 작업은 브라우저에서 로컬로 처리됩니다. 파서는 기기에서 실행되고 계정이 필요하지 않으며 작성한 내용은 서버에 업로드되지 않으므로 개인 메모, 내부 문서, 미공개 초안에 안전합니다. 미리보기는 CommonMark 호환 렌더러로 작동하며 대부분의 작성자가 기대하는 GitHub 스타일 확장을 지원합니다. 파이프로 구분한 표, 펜스 코드 블록, 이중 물결표 취소선, 일반 URL 자동 링크, 스마트 따옴표와 대시, 줄임표 같은 인쇄체 치환을 바로 사용할 수 있습니다. 소스의 원시 HTML은 의도적으로 비활성화되어 붙여 넣은 코드가 미리보기에 스크립트나 스타일을 주입할 수 없습니다. 복사하거나 다운로드하는 결과는 어디서 사용해도 동일하게 동작하는 단순하고 예측 가능한 마크업입니다. 문서가 준비되면 여러 방식으로 내보낼 수 있습니다. HTML 복사는 렌더링된 마크업을 클립보드에 넣어 CMS, 이메일 템플릿 또는 정적 사이트 레이아웃에 바로 붙여 넣게 합니다. HTML 다운로드는 같은 마크업을 올바른 doctype, 문자 인코딩, viewport 선언이 포함된 완전한 독립 웹 페이지로 감싸므로 어떤 브라우저에서든 열거나 동료에게 전달할 수 있습니다. Markdown 다운로드는 원본을 .md 파일로 저장해 버전 관리나 나중 편집에 사용하고, 지우기는 작업 공간 전체를 한 번에 초기화합니다. 편집기 아래에는 실시간 단어 수와 문자 수가 표시되어 블로그 도입부, 제품 설명, README 절, 학회 초록처럼 분량 제한이 있는 글을 쓸 때 유용합니다. 카운터는 해시 기호와 파이프처럼 순수한 구두점 토큰을 제외하므로 마크업이 아니라 독자가 실제로 읽는 단어를 셉니다. 이 편집기는 완전한 게시 파이프라인이 아니라 가벼운 사용성을 의도했습니다. 기기 간 문서 동기화, LaTeX 수식이나 Mermaid 다이어그램 렌더링, PDF 및 DOCX 직접 내보내기는 지원하지 않으므로 해당 작업에는 전용 변환기를 함께 사용하세요. 대신 빠르고 비공개로 Markdown을 작성하고 충실한 미리보기와 깔끔한 HTML 내보내기를 무료로, 가입 없이 즉시 제공합니다.

Markdown 편집기 예시

자주 쓰는 몇 가지 코드와 실시간 미리보기 결과입니다.

입력하는 Markdown미리보기 결과작동 원리
## 출시 체크리스트2단계 제목앞에 1~6개의 # 문자를 쓰면 h1부터 h6 제목이 만들어집니다.
| 이름 | 수량 | | --- | --- | | 펜 | 12 |헤더 행이 있는 2열 표파이프와 대시 구분 행으로 GitHub 스타일 표를 만듭니다.
~~이전 가격~~ $19새 가격 앞에 취소선으로 표시된 텍스트텍스트를 이중 물결표로 감싸면 취소선이 됩니다.
오늘 https://example.com 방문일반 URL이 클릭 가능한 링크로 변환자동 링크가 켜져 있어 꺾쇠괄호 없이 일반 URL을 감지합니다.

Markdown 편집기 사용 방법

  1. 왼쪽 소스 패널에 Markdown을 입력하거나 붙여 넣으세요. 오른쪽 렌더링 미리보기가 입력에 맞춰 업데이트됩니다.
  2. 분량 제한이 있다면 편집기 아래의 단어 수와 문자 수를 확인하세요.
  3. HTML 복사를 눌러 렌더링된 마크업을 클립보드에 넣거나 HTML 다운로드를 눌러 완전한 독립 웹 페이지를 저장하세요.
  4. Markdown 다운로드로 원본 .md를 저장하고, 샘플 불러오기로 예제 문서를 살펴보거나, 지우기로 새로 시작하세요.

Markdown 편집기 FAQ

내 텍스트가 어디엔가 업로드되나요?
아니요. 분석과 미리보기 렌더링은 페이지 내 JavaScript 엔진으로 브라우저에서만 실행됩니다. 작성한 내용은 기기를 떠나지 않고 탭을 닫으면 삭제되므로 기밀 초안에도 안전합니다.
편집기는 어떤 Markdown 문법을 지원하나요?
CommonMark와 함께 파이프 표, 펜스 코드 블록, 취소선, 일반 URL 자동 링크 같은 인기 GitHub 스타일 확장을 따릅니다. 별표나 밑줄 강조, 중첩 목록, 인용문, 이미지도 예상대로 렌더링됩니다.
Markdown의 원시 HTML이 렌더링되지 않는 이유는 무엇인가요?
원시 HTML 전달은 의도적으로 꺼져 있습니다. 붙여 넣은 내용이 미리보기에 스크립트나 스타일을 주입하는 것을 막고(흔한 XSS 경로), 내보낸 마크업을 깔끔하게 유지하기 위해서입니다. 인라인 태그 대신 Markdown 문법을 사용하세요.
Markdown을 완전한 웹 페이지로 만들려면 어떻게 하나요?
HTML 다운로드를 클릭하세요. 편집기가 doctype, charset, viewport 메타 정보를 포함한 완전한 문서로 마크업을 감싸므로 저장한 파일을 추가 작업 없이 어떤 브라우저에서도 올바르게 열 수 있습니다.
내보낸 HTML을 WordPress나 이메일에 붙여 넣을 수 있나요?
예. HTML 복사는 외부 스타일시트나 스크립트가 없는 일반 시맨틱 마크업을 제공하므로 CMS 코드 편집기, 이메일 빌더, 문서 시스템에 깔끔하게 붙여 넣을 수 있습니다. 스타일은 대상 서비스의 테마가 적용합니다.