무료 변환기
마크다운 대상 HTML 변환기
실시간 미리보기 지원을 통해 Markdown 텍스트를 프로덕션에 바로 사용할 수 있는 HTML 코드로 변환합니다.
실시간 미리보기 지원을 통해 Markdown 텍스트를 프로덕션에 바로 사용할 수 있는 HTML 코드로 변환합니다.
마크다운은 작성자가 제목용 해시 문자, 강조용 별표, 목록용 하이픈, 코드용 들여쓰기 블록 등 일반 텍스트 규칙을 사용하여 구조화된 HTML을 생성할 수 있도록 2004년 John Gruber가 만든 경량 마크업 언어입니다. 이 형식은 README 파일, 기술 문서, 블로그 초안, 정적 사이트 생성기 및 글을 일반 텍스트 및 렌더링된 출력으로 읽을 수 있어야 하는 모든 컨텍스트의 기본값이 되었습니다. 마크다운을 HTML로 변환하는 것은 소스를 웹페이지로 바꾸는 렌더링 단계입니다.
이 변환기는 JavaScript에서 가장 널리 채택된 Markdown 렌더러인 표시된 라이브러리를 사용합니다. Marked는 CommonMark 및 GitHub Flavored Markdown(GFM)을 지원합니다. 이는 표준 Markdown 기능 외에도 테이블, 분리된 코드 블록, 작업 목록, 취소선 및 자동 링크가 모두 올바르게 작동함을 의미합니다.
출력은 일반 HTML입니다. 제목, 단락, 목록, 링크 및 이미지에 대한 의미 체계 태그와 구문 강조 도구가 예상하는 코드 블록에 대한 클래스 후크입니다. 출력은 CMS에 깔끔하게 붙여넣고, 정적 사이트 생성기에 포함하거나, 독립형 .html로 사용됩니다. CSS나 JavaScript가 추가되지 않습니다. 결과 스타일 지정은 다운스트림 컨텍스트에 맡겨집니다.
마크다운은 작성자와 개발자가 선호하는 형식입니다. HTML은 브라우저가 렌더링하는 형식입니다. 대부분의 정적 사이트 생성기 및 CMS 플랫폼은 백그라운드에서 Markdown을 HTML로 변환하지만 때로는 Markdown 지원이 없는 CMS에 붙여넣기, 이메일용 HTML 생성, 빠른 미리 보기 생성 또는 추가 처리를 위해 렌더링된 출력 추출과 같은 독립 실행형 단계로 변환이 필요할 수 있습니다.
HTML은 최종적으로 브라우저에 표시되는 모든 콘텐츠의 표준 형식이기도 합니다. 마크다운 초안으로 작성된 이메일 뉴스레터, 대규모 HTML 애플리케이션에 포함된 문서 페이지, HTML이 모두 깔끔한 변환을 통해 이익을 얻을 것으로 기대하는 편집기에 붙여넣은 블로그 게시물.
마크다운을 붙여넣고 HTML을 받으세요.
Marked는 2단계 아키텍처를 사용합니다. 어휘 분석기는 입력을 블록 수준 토큰(제목, 단락, 목록, 코드 블록) 및 인라인 토큰(강조, 링크, 이미지)으로 토큰화합니다. 파서는 토큰 스트림을 탐색하고 HTML을 내보내며 각 토큰 유형에 대한 렌더러 후크를 적용합니다.
GitHub Flavored Markdown 확장은 기본적으로 활성화됩니다: 테이블(파이프 구문 사용), 분리된 코드 블록(언어 힌트가 포함된 삼중 백틱), 작업 목록(- [ ] 및 - [x]), 취소선(이중 물결표 사용) 및 URL 자동 링크. 코드 블록은 다운스트림 구문 강조를 위해 선택적 언어 클래스를 사용하여 미리 래핑된 코드를 내보냅니다.
출력 삭제는 다운스트림 소비자에게 맡겨집니다. Marked는 Markdown에 포함된 원시 HTML을 포함하여 입력이 생성하는 모든 것을 내보냅니다. 신뢰할 수 없는 입력을 허용하는 경우 브라우저에서 렌더링하기 전에 DOMPurify 또는 유사한 HTML 새니타이저를 통해 출력을 실행하세요.