Markdown에서 HTML로 변환
John Gruber의 원래 문법을 따르는 markdown-js 라이브러리로 Markdown을 HTML로 변환합니다. 원본에 있는 HTML은 텍스트로 이스케이프되며, 표나 펜스 코드 블록 같은 GitHub 확장은 인식하지 않습니다.
README의 한 섹션이나 릴리스 노트를 HTML만 받는 CMS 필드에 붙여 넣을 때.
이럴 때 사용하세요
- README의 한 섹션이나 릴리스 노트를 HTML만 받는 CMS 필드에 붙여 넣을 때.
- 기본 Markdown이 어떤 HTML 태그를 만드는지 확인할 때.
사용 방법
- 왼쪽 편집기에 Markdown을 붙여 넣거나 .md 파일을 불러옵니다.
- 오른쪽에 생성된 HTML을 읽고, 아래 렌더링 미리보기에서 제목, 목록, 링크를 하나씩 확인합니다.
- HTML을 복사합니다. 본문 마크업만 들어 있으므로 붙여 넣을 곳에서 CSS를 직접 추가하세요.
Markdown
## Install
Run the **CLI** once:
npm install -g douni
1. Open the [docs](https://douni.one)
2. Paste your file
| a | b |HTML
<h2>Install</h2> <p>Run the <strong>CLI</strong> once:</p> <pre><code>npm install -g douni</code></pre> <ol> <li>Open the <a href="https://douni.one">docs</a></li> <li>Paste your file</li> </ol> <p>| a | b |</p>
세부 정보 및 제한 사항
변환은 브라우저에서 실행됩니다. 출력은 <html>, <head>, 스타일시트가 없는 HTML 조각이며, 미리보기는 스크립트가 비활성화된 샌드박스 프레임에서 렌더링됩니다.
원래 Markdown만 지원합니다. 파이프 표, 작업 목록, ~~취소선~~, ``` 펜스 코드는 텍스트로 남습니다. 코드 블록은 4칸 들여쓰기를 사용하세요.
<div> 같은 인라인 HTML은 그대로 통과하지 않고 <div>로 이스케이프됩니다.
이미지는 원래 URL을 가리키는 <img> 태그가 되며, 파일은 포함되지 않습니다.
FAQ
``` 코드 펜스가 왜 <pre> 블록이 되지 않나요?
이 라이브러리는 펜스 코드보다 먼저 만들어졌습니다. 펜스는 문단 안의 인라인 코드로 처리됩니다. <pre><code>를 얻으려면 코드를 4칸 들여쓰세요.
GitHub Flavored Markdown 표를 지원하나요?
아니요. | a | b | 같은 줄은 일반 문단으로 출력됩니다.
Markdown 안의 HTML을 그대로 유지할 수 있나요?
아니요. HTML 태그는 이스케이프되어 결과에 텍스트로 표시되므로, 포함된 <div>는 요소로 렌더링되지 않습니다.