마크다운에서 HTML 변환기 (CommonMark 부분집합)

마크다운 붙여넣어 즉시 등가 HTML 보기. 블로그 게시물, 문서, README 파일에 작동. 출력은 어떤 CMS나 정적 사이트에 붙여넣을 수 있는 깔끔한 시맨틱 HTML.

마크다운

HTML 출력

<h1>Hello</h1>
<p>A <strong>bold</strong> statement and <em>italic</em> text.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<p><a href="https://tools.appdevelopsk.com">Toolify</a></p>

렌더링된 미리보기 표시

Hello

A bold statement and italic text.

Item 1
Item 2

Toolify

작동 방식

지원되는 것

헤딩: # H1부터 ###### H6까지. 목록: 비순서에 - / * / +, 순서에 1. 2. 3.. 인용: > 행 시작. 코드 블록: 선택적 언어와 함께 ```. 인라인: **굵게**, *기울임*, `코드`, ~~취소선~~, [링크](url), ![alt](image-url). 수평선: ---, ***, 또는 ___.

CommonMark 필수 구현. 표, 각주, 작업 목록(-[ ])은 아직 미포함; 그것은 빌드 파이프라인의 전체 CommonMark나 GFM 라이브러리 사용.

이 도구 사용 시기

CMS에 붙여넣기 빠른 변환. 대부분 CMS가 HTML 수용; 마크다운으로 쓰지만 에디터가 네이티브 렌더링 안 하면 먼저 본 도구 거치기.

문서 생성: 프로젝트 랜딩 페이지에 README.md를 HTML로 변환. 출력이 기본 템플릿에 래핑하기에 충분히 깔끔.

이메일 작성: 많은 이메일 클라이언트가 HTML 렌더링하지만 마크다운 안 함. 마크다운으로 쓰고 변환 후 붙여넣기.

브라우저 측 변환

모든 변환 브라우저에서 실행. 기밀 초안, 코드 스니펫, 노트 포함 가능한 마크다운이 절대 기기 떠나지 않음. 서버 로그 없음, AI 훈련 데이터 없음, 결정론적 정규식 변환만.

GFM 기능(표, 작업 목록, 각주) 필요하면 빌드에 marked.js, markdown-it, 또는 remark 같은 더 완전한 라이브러리 사용. 대부분 단순한 중간 마크다운에 본 도구 출력 충분.

자주 묻는 질문

›표 지원?

아직. 표는 GFM 확장, 순수 CommonMark 아님. 미래 버전에 추가 가능.

›코드 블록 구문 강조됨?

<pre><code> 태그에 class='language-X' 추가해 Prism이나 highlight.js 같은 강조기가 스타일 가능. HTML 자체는 스타일 없음 — 자체 CSS나 라이브러리 적용.

›어디든 붙여넣기 안전?

코드 블록과 인라인 코드의 <, >, &, " 이스케이프. 다른 콘텐츠는 그대로 변환. 사용자 생성 마크다운 붙여넣으면 페이지 주입 전 출력 정화.

›왜 강조가 이상?

마크다운 강조 중첩이 까다로울 수 있음. * vs _가 인접 구두점과 다르게 동작 가능. CommonMark 사양 정확함; 출력이 다르면 검사용 사양 예제 붙여넣기.

›마크다운 내 HTML 처리?

인라인 HTML 통과(CommonMark 동작). 신중히 사용 — 신뢰할 수 없는 소스의 악의적 HTML이 변경 없이 통과.

›HTML을 마크다운으로 다시 변환?

네 — 본 HTML to Markdown 변환기 보기(Related Tools 아래 링크).

›각주는?

구현 안 됨(GFM 확장). 복잡한 문서는 remark-gfm 같은 서버 측 라이브러리 사용.

›데이터가 전송되나요?

전송되지 않습니다. 변환은 로컬; 마크다운 절대 어디로도 전송 안 됨.