Markdown 편집기(실시간 미리보기)

사용 방법

1. 왼쪽(위) 입력란에 Markdown을 씁니다. 오른쪽(아래) 미리보기에 바로 반영됩니다.
2. 도구 모음으로 굵게, 기울임, 제목, 링크, 글머리 기호 목록, 번호 목록, 인용, 코드를 넣을 수 있습니다. 글자를 선택한 뒤 누르면 그 부분에 서식이 적용됩니다(Ctrl / ⌘ + B, I, K도 사용 가능).
3. ".md 파일 열기"로 기기에 있는 파일을 불러올 수 있습니다.
4. ".md로 저장", ".html로 저장"으로 파일로 저장하고, "Markdown 복사", "HTML 복사"로 클립보드에 복사합니다.

지원 형식과 제한

• 입력 내용은 저장하지 않습니다. 페이지를 닫거나 새로 고치면 사라지므로 필요하면 ".md로 저장"해 주세요.
• 보안을 위해 Markdown 안에 쓴 HTML 태그는 실행하지 않고 글자로 그대로 표시합니다.
• 링크와 이미지에는 http, https, mailto, tel, 상대 경로와 PNG·JPEG·GIF·WebP의 data:image만 쓸 수 있습니다. javascript:, vbscript:, file: 같은 링크는 글자로 표시합니다.
• 미리보기에서는 data:image로 넣은 이미지만 불러오고, 나머지는 대체 텍스트로 표시합니다(저장한 HTML에서는 표시됩니다). 미리보기 안의 링크는 새 탭에서 열립니다.
• 불러올 수 있는 파일은 UTF-8 텍스트(최대 2MB)입니다. 표·취소선 등 CommonMark와 GFM의 주요 문법을 지원하지만 체크박스 목록과 수식은 지원하지 않습니다.

계산·변환 방식

변환에는 markdown-it(CommonMark 준수)을 쓰며 HTML 입력을 끄고 있습니다. 링크 URL은 제어 문자와 인코딩을 걷어 낸 형태로도 위험한 스킴인지 확인합니다.

미리보기는 스크립트를 실행할 수 없는 sandbox iframe에 표시하고, 스크립트와 외부 불러오기를 막는 CSP도 함께 적용합니다.

저장하는 HTML도 같은 방법으로 변환하며, 스크립트를 막는 CSP와 간단한 스타일을 넣은 단독 파일로 저장합니다.