마크다운 에디터 및 변환기

마크다운 에디터 및 변환기란?

마크다운 에디터 및 변환기는 전적으로 브라우저 안에서 동작하는 무료 양방향 마크다운·HTML 도구입니다. 토글 하나로 마크다운→HTML과 HTML→마크다운을 전환할 수 있습니다. 마크다운→HTML 모드에서는 제목, 굵게와 기울임, 링크, 목록, 표, 인용, 펜스 코드 블록 같은 GitHub 형식 마크다운을 파싱해 두 가지를 보여 줍니다. 실시간으로 렌더링된 미리보기와, 한 번의 클릭으로 복사할 수 있는 생성된 HTML 소스입니다. HTML은 표시되기 전에 항상 DOMPurify를 거치므로 스크립트나 안전하지 않은 마크업은 제거됩니다. HTML→마크다운 모드에서는 붙여넣은 HTML을 ATX 형식 제목과 펜스 코드 블록을 사용해 깔끔한 마크다운으로 되돌립니다. 작가, 개발자, 콘텐츠 편집자가 README 파일 초안 작성, 블로그 글 준비, CMS에서 붙여넣은 HTML 정리, 서식을 잃지 않고 마크다운과 HTML 사이로 텍스트를 옮기는 데 사용합니다.

마크다운 에디터 및 변환기 사용법

1. 토글로 방향을 선택합니다: 마크다운→HTML 또는 HTML→마크다운.
2. 입력 상자에 원본을 붙여넣거나 입력합니다.
3. 마크다운→HTML 모드에서는 입력 아래에서 렌더링된 미리보기가 실시간으로 갱신됩니다.
4. 출력 상자에서 변환 결과를 확인합니다. 마크다운에서 변환하면 HTML 소스가, HTML에서 변환하면 마크다운이 표시됩니다.
5. 출력 필드의 복사 버튼을 클릭해 결과를 가져오거나, 지우기를 클릭해 입력을 비웁니다.

예시

# Title

Some **bold** text.

<h1>Title</h1>
<p>Some <strong>bold</strong> text.</p>

- one
- two

<ul>
<li>one</li>
<li>two</li>
</ul>

<h2>Notes</h2><p>A <a href="https://x.com">link</a>.</p>

## Notes

A [link](https://x.com).

자주 묻는 질문

제 텍스트가 서버로 업로드되나요?

아니요. 마크다운 파싱, HTML 소독, HTML을 마크다운으로 변환하는 작업이 모두 브라우저에서 로컬로 실행됩니다. 내용이 기기를 벗어나지 않으며 오프라인에서도 작동하므로, 비공개이거나 게시 전인 초안에도 안전합니다.

생성된 HTML은 그대로 써도 안전한가요?

네. 모든 HTML은 미리보기나 출력에 표시되기 전에 DOMPurify를 거쳐 스크립트, 이벤트 핸들러, 그 밖의 안전하지 않은 마크업이 제거됩니다. 실시간 미리보기와 복사할 수 있는 HTML 소스 모두 소독을 거칩니다.

어떤 마크다운 기능을 지원하나요?

GitHub 형식 마크다운을 지원하며 제목, 굵게와 기울임, 링크, 순서 있는 목록과 순서 없는 목록, 인용, 표, 인라인 코드, 펜스 코드 블록을 다룹니다. 단일 줄바꿈은 미리보기에서도 줄바꿈으로 유지됩니다.

HTML→마크다운 모드에서는 왜 실시간 미리보기가 보이지 않나요?

실시간 미리보기는 마크다운을 HTML로 렌더링하므로 마크다운→HTML 모드에서만 나타납니다. HTML→마크다운 모드에서는 변환된 마크다운 텍스트가 출력 상자에 표시됩니다.

출력이 자동으로 갱신되나요?

네. 미리보기와 출력은 입력하는 동안 다시 계산되므로 눌러야 할 변환 버튼이 없습니다. 결과는 항상 입력과 동기화됩니다.