Markdown

MDM (Markdown+Media) ![[name:preset | attr=val]] 문법 하나로 이미지, 비디오, 오디오를 마크다운 문서에 자유롭게 임베드하고 제어하는 오픈소스 프로젝트입니다. GitHub → seunghan91/markdown-media Playground → seunghan91.github.io/markdown-media/playground npm → @mdm/parser 왜 만들었나 HWP, DOCX, PDF 같은 문서를 마크다운으로 변환하면 문서 안에 포함된 이미지나 미디어를 표현할 방법이 없습니다. 기존 마크다운 이미지 문법()은 크기, 정렬, 캡션, 프리셋 같은 레이아웃 정보를 담을 수 없기 때문입니다. MDM은 변환된 문서의 미디어 레이아웃 정보를 보존하기 위한 마크다운 확장 문법입니다. HWP / DOCX / PDF ↓ 변환 MDM Markdown ![[chart.png | width=800 align=center caption="1분기 실적"]] ![[intro-video:inline]] ↓ MDM 파서 HTML 문법 # 기본 — 파일명만 ![[hero.jpg]] # 속성 지정 ![[photo.jpg | width=800 align=center caption="서울 야경"]] # 프리셋 사용 (.mdm 사이드카 파일) ![[logo:header]] ![[intro-video:inline]] # 비디오 ![[demo.mp4 | controls autoplay muted loop]] # 오디오 ![[podcast.mp3 | controls]] # 유튜브 임베드 ![[youtube-intro | width=720 height=405]] .mdm 사이드카 파일(YAML)로 미디어 경로와 프리셋을 중앙 관리할 수 있습니다. ...