무료 Markdown을 HTML로 변환기

사용 방법

변환은 직접 작성한 Markdown 파서로 전적으로 브라우저에서 이루어집니다. 서드파티 라이브러리도 서버 요청도 없습니다. 파서는 소스를 한 줄씩 훑으며 블록 수준 규칙(제목, 목록, 표, 펜스 코드)을 적용한 뒤, 두 번째 단계에서 굵게, 기울임, 링크, 이미지, 인라인 코드용 인라인 정규식 패턴을 적용합니다.

1. 1
   블록 구조를 먼저 파싱

   파서는 원시 Markdown을 한 줄씩 읽어 블록 수준 구조를 식별합니다: 펜스 코드 블록(선택적 언어 클래스 포함), ATX 제목(#부터 ######까지), 인용문, GFM 작업 목록 체크박스를 포함한 순서 있는/없는 목록, 열 정렬이 있는 GFM 표, 가로줄, 줄바꿈으로 이어진 연속 줄을 올바르게 합치는 문단입니다.
2. 2
   각 블록 안에 인라인 패턴 적용

   각 블록의 텍스트를 HTML 이스케이프한 뒤 parseInline()의 정규식 체인이 인라인 구문을 변환합니다: 이미지와 링크(javascript:와 data: href를 제거하는 URL 스킴 허용 목록 적용), **굵게**, *기울임*, ~~취소선~~, 인라인 코드 순서입니다.
3. 3
   미리보기 전환이 있는 실시간 HTML 출력

   HTML 문자열은 키를 누를 때마다 useMemo로 다시 계산되므로 오른쪽 창이 즉시 업데이트됩니다. 토글로 원시 HTML 소스 보기와 브라우저 자체 레이아웃 엔진을 사용한 렌더링 미리보기를 전환할 수 있습니다.
4. 4
   서식 있는 텍스트 복사를 포함한 세 가지 출력 옵션

   원시 HTML 마크업을 복사하거나, DOCTYPE과 charset 메타 태그가 포함된 완전한 독립 실행형 .html 파일을 다운로드하거나, '서식 있는 텍스트 복사'를 사용할 수 있습니다. 마지막 방식은 Clipboard API의 ClipboardItem으로 text/html과 text/plain MIME 형식을 모두 클립보드에 기록하므로, 서식이 적용된 결과를 추가 단계 없이 Gmail, Google Docs, Word에 바로 붙여 넣을 수 있습니다.

관련 도구