텍스트
Markdown Preview / HTML ↔ Markdown
Markdown을 포맷된 HTML로 실시간 미리보기하고, Markdown → HTML, HTML → Markdown 양방향 변환도 지원합니다.
Markdown is a lightweight markup language that formats text with plain characters (**bold**, # heading, - list) and stays readable even unrendered. This tool gives you a live preview of Markdown as HTML and converts in both directions.
How to use it
- Preview: write Markdown on one side — the formatted result appears immediately on the other.
- Markdown → HTML: get ready-to-use HTML markup to paste into a page or an email template.
- HTML → Markdown: paste HTML markup to get its Markdown equivalent — handy for moving content into a README or a Markdown-based CMS.
Common uses
- Writing a README.md for a GitHub repository with a live preview of the formatting.
- Preparing text for a CMS or documentation system that accepts Markdown.
- Quickly turning HTML copied from a webpage into clean Markdown for notes.
Things to keep in mind
Different platforms (GitHub, GitLab, Discord) support slightly different Markdown extensions (tables, strikethrough, checkboxes) — the base syntax is the same everywhere.
Converting HTML to Markdown loses whatever Markdown can't express: complex layout, inline styles, deeply nested elements.
자주 묻는 질문
어떤 변환을 제공하나요?
세 가지 모드가 있습니다: 서식 있는 HTML로 렌더링되는 Markdown 실시간 미리보기, 명시적인 Markdown → HTML 변환, 그리고 반대로 HTML → Markdown 변환입니다.
어떤 Markdown 렌더링 엔진을 사용하나요?
이것은 JavaScript로 만든 간단한 클라이언트 측 Markdown 렌더링이며, Blade나 Twig 같은 특정 서버 측 템플릿 엔진과는 관련이 없습니다. 결과는 프레임워크 특유의 문법이 아닌 표준 Markdown을 반영합니다.
제 Markdown이나 HTML 콘텐츠가 서버로 전송되나요?
아니요, 변환과 미리보기는 브라우저에서 완전히 실행되며 온라인으로 전송되는 콘텐츠는 없습니다.
같은 파일이 앱마다 다르게 보이는 이유는 무엇인가요?
원래 Markdown에는 표, 취소선, 코드 블록의 문법 강조가 정의되어 있지 않습니다 — 이들은 여러 구현체가 추가한 확장입니다. GitHub Flavored Markdown과 CommonMark 명세는 일부 모호한 경우를 서로 다르게 처리하므로, 같은 파일의 렌더링 결과가 파서에 따라 달라질 수 있습니다.
복잡한 HTML을 Markdown으로 변환할 때 무엇이 손실되나요?
HTML은 기본 Markdown보다 훨씬 많은 서식 옵션을 지원하므로, 복잡한 표나 중첩된 스타일, 비표준 마크업은 역변환 시 단순화되거나 손실될 수 있습니다.