온라인 Markdown 에디터 (PDF 내보내기 지원) - 실시간 미리보기 및 자동 저장

가벼운 온라인 Markdown 에디터: 실시간 미리보기, Mermaid 다이어그램, 템플릿 지원, 서식이 유지되는 PDF/HTML 원클릭 내보내기. 브라우저 자동 저장으로 오프라인에서도 안전합니다.

극장 모드를 보려면 클릭하세요.

안녕 Markdown

템플릿 센터

임시 저장되었습니다

사용방법

  1. 왼쪽 에디터에서 Markdown을 작성하세요.
  2. 오른쪽 창에서 실시간으로 렌더링 결과와 문서 구조(목차)를 확인하세요.
  3. 템플릿 센터에서 표, 흐름도, 회의록 템플릿을 삽입해 보세요.
  4. 내보내기 버튼을 클릭하세요: PDF / HTML / .md 다운로드.

핵심 기능

  • 실시간 미리보기: Markdown 작성과 동시에 렌더링된 HTML을 바로 확인하세요.
  • Mermaid 지원: 텍스트 코드로 흐름도나 시퀀스 다이어그램을 직접 생성합니다.
  • PDF 내보내기: 서식과 코드 블록 스타일을 유지한 채 깔끔한 PDF로 저장하여 공유하거나 인쇄하세요.
  • HTML 복사: 렌더링된 HTML을 원클릭으로 복사하여 CMS나 문서에 붙여넣을 수 있습니다.
  • 자동 저장: 브라우저 로컬 저장소(LocalStorage)에 자동으로 임시 저장되어 실수로 닫아도 데이터가 유지됩니다.
  • 개인정보 보호: 모든 내용은 로컬에 저장되며 서버로 업로드되지 않습니다.

관련 도구

계산 논리

  • Markdown 렌더링은 marked 또는 유사한 파서에 기반합니다.
  • 미리보기 화면에는 타이포그래피(prose) 스타일을 적용하여 가독성을 높입니다.
  • PDF 내보내기는 인쇄용 CSS와 브라우저의 window.print() 기능을 활용하여 생성됩니다.

FAQ

  • 이 도구는 무료인가요?
    • 네, 무료입니다.
  • 데이터는 안전한가요? 내 문서가 서버로 업로드되나요?
    • 업로드되지 않습니다. 브라우저 로컬 저장소를 활용하므로 모든 내용은 사용자 기기 내에만 머뭅니다.
  • Markdown을 서식이 적용된 PDF로 어떻게 내보내나요?
    • "PDF 내보내기"를 클릭하면 깔끔하게 정돈된 인쇄용 레이아웃이 적용됩니다.
  • 브라우저에서 PDF 내보내기는 어떤 원리로 작동하나요? (기술적 원리)
    • 에디터가 인쇄용 CSS와 함께 HTML을 렌더링한 후 브라우저의 PDF 인쇄 기능을 호출하므로, 브라우저 환경에 따라 결과가 약간 다를 수 있습니다.
  • Mermaid 다이어그램을 지원하나요?
    • 네, Markdown 문서 안에 Mermaid 문법을 직접 작성하면 다이어그램이 렌더링됩니다.