📝
무료 HTML을 Markdown으로 변환기
HTML을 깔끔한 Markdown으로 변환합니다. 제목, 목록, 링크, 이미지, 코드 블록, 표, 인용문을 처리합니다. CMS에서 콘텐츠를 이동하기에 완벽합니다.
한 번 로드하면 오프라인에서도 작동
왼쪽에 HTML을 붙여넣으면 오른쪽에 깔끔한 Markdown이 표시됩니다. Markdown은 HTML보다 단순하므로 스타일, 스크립트, 복잡한 표는 단순화되거나 제거될 수 있습니다.
팁: 웹 페이지, Word 또는 Google Docs에서 복사한 서식이 지정된 텍스트를 붙여넣으세요. 해당 HTML이 자동으로 캡처됩니다.
Markdown 출력
여기에 Markdown 출력이 표시됩니다…주요 용도
- 블로그 컨텐츠를 Markdown으로 마이그레이션이전 WordPress, Medium 또는 기타 CMS 게시물을 정적 사이트 생성기용 Markdown으로 변환합니다.
- 이메일 콘텐츠를 Markdown으로 변환HTML 이메일이나 웹 기사에서 텍스트를 추출하여 메모 작성 앱용 순수 Markdown으로 변환합니다.
- HTML 문서를 Markdown으로 변환레거시 HTML 문서를 Markdown 기반 문서 시스템(Docusaurus, GitBook, MkDocs)으로 마이그레이션합니다.
- CMS 내보내기 정리CMS에서 내보낸 지저분한 HTML을 정리하고 버전 제어 친화적인 Markdown으로 변환합니다.
- LLM 프롬프트를 위한 HTML 콘텐츠 준비HTML 콘텐츠를 깨끗한 Markdown으로 변환하여 ChatGPT, Claude 또는 기타 LLM 프롬프트에서 사용합니다.
사용 방법
이 변환기는 직접 작성한 무의존성 정규식 파이프라인으로 만들어졌으며 서드파티 라이브러리를 가져오지 않습니다. 전체 변환은 React useMemo 호출로 브라우저 안에서 실행되며 입력하는 대로 출력이 실시간 업데이트됩니다.
- 1붙여넣기 감지로 서식 있는 텍스트 가로채기ClipboardEvent 처리기가 브라우저가 일반 텍스트를 붙여 넣기 전에 클립보드에서 text/html 형식을 읽습니다. 따라서 웹 페이지, Google Docs, Word에서 바로 붙여 넣으면 원시 HTML 마크업이 자동으로 캡처되어 소스 보기를 먼저 할 필요가 없습니다.
- 2다단계 정규식 파이프라인으로 태그 제거 및 변환변환기는 엄격한 순서로 정규식 단계를 실행합니다. 먼저 <head>, <script>, <style>, HTML 주석을 제거한 다음, 이후 단계가 코드 내용을 손상시키지 않도록 펜스 코드 블록을 널 바이트 자리 표시자 뒤에 숨겨 둡니다. 이어지는 단계에서 제목(h1–h6), 인용문, 이미지, 링크, 굵게/기울임/취소선, 순서 있는/없는 목록, 기본 GFM 파이프 표를 처리하며, 각 단계는 특정 태그 계열을 대상으로 합니다.
- 3엔티티 디코딩과 공백 정규화모든 태그를 제거한 뒤 전용 decodeEntities 함수가 명명 엔티티(&, < 등)와 10진수 및 16진수 숫자 문자 참조(', ')를 String.fromCodePoint로 해석합니다. 잘못되었거나 범위를 벗어난 코드 포인트는 오류를 내지 않고 유니코드 대체 문자로 바뀝니다. 그런 다음 끝 공백, 연속된 빈 줄, 과도한 공백을 정규화합니다.
- 4보호된 코드 구간 복원자리 표시자 체계(널 바이트로 구분된 인덱스)는 제거, 디코딩, 공백 정리가 모두 끝난 뒤 마지막에 풀립니다. 이렇게 하면 코드 리터럴 안의 엔티티 시퀀스가 두 번 디코딩되는 것을 막을 수 있습니다. 단순한 HTML→Markdown 변환기에서 흔한 이중 디코딩 버그입니다.