사용 방법
- 왼쪽 칸에 마크다운을 입력하거나 붙여넣습니다.
- 오른쪽에서 렌더링 결과를 확인합니다. 입력하는 대로 바뀝니다.
- “HTML 복사” 또는 “HTML 다운로드”로 변환된 HTML 을 가져갑니다.
마크다운은 README, GitHub 이슈, 위키, 노트 앱, 블로그에서 널리 쓰는 텍스트 서식입니다. 이 페이지에서는 글을 올리기 전에 어떻게 보일지 미리 확인하거나, 마크다운을 HTML 로 바꿔 CMS·이메일 템플릿에 붙여 넣을 수 있습니다. 입력을 멈추면 곧바로 미리보기가 갱신됩니다.
렌더링은 markdown-it 12.3.2 에 HTML 허용, 줄바꿈, 자동 링크 옵션을 켜고 markdown-it-emoji 플러그인을 더해 처리합니다. 줄바꿈 옵션 때문에 엔터 한 번이 <br> 이 됩니다. 표준 CommonMark 나 많은 사이트에서는 이 줄들이 한 문단으로 이어지므로 실제로 올린 곳과 결과가 다를 수 있습니다. 코드 블록은 highlight.js 11.4.0 에 들어 있는 공통 34개 언어로 색을 입히고, 그 밖의 언어는 색 없이 보여줍니다.
화면에 넣거나 복사하기 전에 모든 결과를 DOMPurify 3.2.6 으로 소독해, 붙여 넣은 HTML 의 스크립트와 이벤트 속성을 지웁니다. 내려받는 파일은 스타일이 없는 HTML 조각이라 자체 CSS 가 있는 페이지에 바로 넣기 좋습니다. 변환은 브라우저 안에서 끝나고 글은 업로드되지 않습니다. 다만 URL 로 넣은 이미지는 일반 웹페이지처럼 그 이미지 서버에서 불러옵니다.