마크다운과 HTML 양방향 변환
마크다운은 단순한 텍스트 표기법으로 작성하면 HTML로 렌더링되는 경량 마크업 언어입니다. GitHub, 블로그, 노션 등 거의 모든 곳에서 사용됩니다. 본 도구는 표준 마크다운에 더해 GFM(GitHub Flavored Markdown) 확장—표, 체크박스 리스트, 취소선—을 지원하며 양방향 변환이 가능합니다. 좌측에 입력하면 우측에 실시간으로 결과가 표시됩니다.
HTML을 마크다운으로 변환할 때는 시멘틱 태그(h1~h6, p, ul, ol, a, strong, em, code, pre, blockquote, table)를 인식해 적절한 마크다운 문법으로 다시 작성합니다. 위생 처리(sanitize) 옵션은 <script>, onerror 등 XSS 벡터를 제거해 안전한 HTML만 출력합니다.
지원 문법 (14종)
- 제목 H1~H6 (
#~######) - 볼드
**bold**, 이탤릭*italic*, 취소선~~strike~~ - 코드: 인라인
`code`와 펜스```js - 링크
[text](url), 이미지 - 리스트: 순서/비순서, 중첩
- 체크박스
- [x],- [ ] - 표 (GFM, 정렬 지원)
- 인용
>, 수평선--- - HR, 줄바꿈, 자동 링크
자주 묻는 질문 (FAQ)
Q. KaTeX 수식이나 Mermaid 다이어그램도 지원하나요?
A. 본 도구는 외부 라이브러리 없이 동작하므로 $$수식$$이나 ```mermaid는 코드블록으로만 보존됩니다. 결과 HTML을 KaTeX/Mermaid 렌더러가 있는 곳에 붙여넣으면 정상 렌더됩니다.
Q. 보안 위험은 없나요?
A. 기본 옵션 'XSS 위생 처리'가 켜져 있으면 <script>, 이벤트 핸들러(onerror 등), javascript: URL을 제거합니다. 사용자 입력을 그대로 노출하는 환경에서는 반드시 켜 두세요.
Q. 인라인 스타일 옵션은 무엇인가요?
A. 메일 서비스나 일부 CMS는 클래스나 외부 CSS를 허용하지 않습니다. 이 옵션을 켜면 결과 HTML에 style="" 속성으로 색·폰트·여백을 직접 삽입해 어디서나 동일하게 보이도록 합니다.