본문으로 건너뛰기
EVOA Toolbox

HTML을 Markdown으로 변환

HTML을 표, 목록, 코드 블록까지 포함한 깔끔한 Markdown으로 변환합니다. 스크립트와 스타일은 제거되며 브라우저에서 실행됩니다.

브라우저에서 로컬로 처리됩니다. 텍스트는 업로드되지 않습니다.

도구를 불러오는 중…

도구 소개

HTML을 붙여넣으면 읽기 쉬운 Markdown으로 돌려받습니다. 제목, 문단, 링크, 이미지, 강조, 순서 있는 목록과 순서 없는 목록, 인용문, 코드 블록, 표가 대응하는 Markdown으로 변환되어 README, 위키, 정적 사이트 생성기, 메모 앱에 바로 사용할 수 있습니다.

CMS나 저장한 웹 페이지에서 콘텐츠를 옮기거나, 이메일에서 복사한 HTML을 정리하거나, 문서 조각을 버전 관리에서 비교할 수 있는 형태로 바꿀 때 편리합니다. ATX(# 제목) 또는 Setext(밑줄) 제목, 펜스 또는 들여쓰기 코드 블록, 목록의 글머리 기호 문자를 선택할 수 있습니다.

변환에는 Turndown 라이브러리와 GitHub 방식의 파이프 표를 만드는 자체 표 규칙을 사용합니다. 변환 전에 script, style, iframe 요소를 제거하고 HTML은 실행되지 않는 문서로 분석하므로, 붙여넣은 마크업이 실행되는 일은 없습니다.

사용 방법

  1. 1왼쪽 입력란에 HTML을 붙여넣으세요. 예시 버튼을 누르면 샘플을 볼 수 있습니다.
  2. 2옵션에서 제목 스타일, 코드 블록 스타일, 글머리 기호를 선택하세요.
  3. 3표를 켜 두면 <table>이 파이프 표로 변환되고, 끄면 일반 텍스트로 유지됩니다.
  4. 4Markdown을 복사하거나 .md 파일로 다운로드하세요.

지원 형식

입력: 텍스트 형태의 HTML 조각 또는 전체 페이지. 출력: Markdown(GitHub 방식 표, 취소선, 작업 목록 체크박스를 포함한 CommonMark).

프라이버시

이 도구는 브라우저에서 실행됩니다. 입력하신 데이터는 사용자의 기기에서 처리되며 당사 서버로 전송되지 않습니다.

제한 사항

  • Markdown은 HTML이 표현할 수 있는 모든 것을 표현하지 못합니다. 색상, 클래스, 인라인 스타일, 단 나누기, 대부분의 레이아웃 마크업은 사라집니다.
  • 표 셀은 한 줄로 합쳐지며, 셀 안의 중첩 목록, 블록 요소, 이미지는 구조를 잃습니다. 병합된 셀(colspan/rowspan)은 표현되지 않습니다.
  • 헤더 행이 없는 표는 파이프 표에 헤더가 필요하므로 첫 번째 행을 헤더로 사용합니다.
  • 웹 페이지 전체를 붙여넣으면 탐색 메뉴와 푸터도 텍스트로 포함됩니다. 필요한 부분만 붙여넣으세요.
  • 원래 페이지 주소를 알 수 없으므로 상대 링크는 상대 링크로 유지됩니다.

FAQ

HTML 안의 스크립트나 스타일이 실행되거나 유지되나요?

아니요. <script>, <style>, <noscript>, <iframe>, <object>, <embed> 요소는 변환 전에 제거되며, HTML은 실행되지 않은 채 분석됩니다.

표도 변환되나요?

네. 표는 헤더 뒤에 구분 행이 있는 GitHub 방식 파이프 표로 변환됩니다. 셀 안의 파이프 문자는 이스케이프되고, 셀 안의 줄바꿈은 공백으로 바뀝니다.

웹 페이지에서 복사해서 여기에 붙여넣어도 되나요?

렌더링된 텍스트를 붙여넣으면 HTML이 아니라 일반 텍스트가 입력됩니다. 브라우저의 소스 보기나 개발자 도구에서 해당 요소의 HTML을 복사한 다음 붙여넣으세요.

어떤 Markdown 방식으로 출력되나요?

대부분 CommonMark이며, GitHub에서 쓰는 ~~취소선~~, [x] 작업 체크박스, 파이프 표를 포함합니다.

관련 도구