라이브 마크다운 에디터
라이브 HTML 미리보기가 있는 무료 온라인 마크다운 에디터. 왼쪽에 CommonMark 또는 GitHub-Flavored 마크다운을 입력하고 오른쪽에서 렌더링된 HTML을 보세요; 패널이 동기화되어 스크롤되므로 긴 문서에서 위치를 잃지 않습니다. 미리보기는 살균되어 — 붙여넣은 <script> 태그와 onclick 핸들러가 실행될 수 없으므로 어디서 복사해 온 마크다운이든 안전하게 렌더링할 수 있습니다. .md 파일(작성한 소스) 또는 .html 파일(렌더링된 출력)로 내보내거나, WordPress, Ghost, Notion 또는 기타 CMS에 붙여넣기 위해 렌더링된 HTML을 클립보드에 복사하세요. 세 가지 보기 모드: 나란히(기본), 에디터만(집중 모드), 미리보기만(읽기 모드).
사용 방법
표준 구문 — 제목 (#), 목록 (-), 굵게 (**), 코드 (```), 표 (|).
입력하는 대로 라이브 렌더가 오른쪽에 나타납니다.
집중 모드는 미리보기를 숨기고; 읽기 모드는 에디터를 숨깁니다.
초안을 .md(소스) 또는 .html(렌더링)로 저장하거나, CMS 붙여넣기를 위해 HTML을 클립보드로 바로 복사하세요.
왼쪽에서 마크다운 편집, 오른쪽에서 HTML 보기 — GitHub 스타일, 살균됨, 동기 스크롤
특징
일반적인 용도
- 마크다운으로 블로그 게시물 초안 작성, HTML로 렌더링, CMS에 붙여넣기.
- 렌더러 설치 없이 README 로컬 작성.
- 마크다운 문서를 이메일이나 호스팅용 독립형 HTML로 변환.
- 제목과 글머리 기호로 회의 노트 포맷, HTML 복사.
- 마크다운 구문 연습 — 각 문자가 HTML로 어떻게 번역되는지 확인.
왜 이것을
렌더링은 키 입력마다 즉시 일어납니다 — 서버 왕복도, CMS 에디터에서 흔히 볼 수 있는 "미리보기 3초 후 준비" 지연도 없습니다. 동기 스크롤과 3-뷰 레이아웃을 구성할 수 있습니다. GFM 기능(표, 작업 목록, 펜스 코드)은 GitHub가 README에 렌더링하는 것과 정확히 일치합니다; 더 엄격한 CommonMark 소비자(일부 정적 사이트 생성기, 학술 출판 파이프라인)를 타깃으로 한다면 GFM을 끄세요.
자주 묻는 질문
"GitHub-Flavored" 마크다운이 무엇인가요?
CommonMark의 슈퍼셋으로 표, 펜스 코드 블록, 작업 목록, 자동링크, 취소선을 추가합니다. README 파일의 사실상 표준입니다. "GFM"을 끄면 엄격한 CommonMark가 렌더링됩니다.
왜 내 마크다운의 <script>가 렌더링되지 않나요?
활성 콘텐츠(스크립트, 이벤트 핸들러, javascript: URL)는 표시 전에 제거됩니다 — 이 보호 장치가 없다면 채팅이나 포럼에서 붙여넣은 마크다운이 브라우저에서 코드를 실행할 수 있습니다. 표시되는 텍스트로 리터럴 <script> 태그가 필요하면 백틱(`<script>`)이나 HTML 엔티티 코드로 이스케이프하세요.
LaTeX/수학을 작성할 수 있나요?
아니요 — 이것은 일반 마크다운 렌더러이지 수학 조판기가 아닙니다. 플레이스홀더로 `math` 언어의 코드 펜스 블록을 사용하세요; 실제 방정식 렌더링은 GitHub가 이제 $...$ 수학 블록을 네이티브로 지원하며, Obsidian / VS Code / MkDocs 모두 KaTeX 또는 MathJax를 연결합니다.
동기 스크롤은 어떻게 작동하나요?
에디터를 스크롤하면 미리보기가 비례적으로 일치하도록 스크롤됩니다. 대략적인 백분율 기반이며 — 블록 정확하지는 않지만 — 탐색에 충분합니다.
모바일?
네. 분할 레이아웃이 쌓인 패널로 축소됩니다; 더 많은 공간을 위해 에디터만 또는 미리보기만으로 전환하세요.
무료로 가능합니다! 아이디어를 간단히 보내주세요. 자세히 논의하고 싶으시면 이메일을 남겨주시면 연락드리겠습니다. 익명으로도 가능합니다.
