Markdown

Edit Markdown on the left, preview rendered HTML on the right. GFM is enabled.

Reset
Copy

Hello renderhub

Write GitHub-flavored Markdown and watch it render on the right.

  • bullet one
  • bullet two
  • bullet three
console.log('hello world');
namerole
Aliceengineer
Bobdesigner

Supported

  • GitHub-flavored Markdown via remark-gfm
  • Tables, task lists, strikethrough, autolinks
  • Drop in any .md file with Open file

About this Markdown editor

The editor on the left accepts standard Markdown plus the GitHub-flavored extensions most people expect today: tables, task lists, strike-through, fenced code blocks with language hints, and autolinks. Rendering happens entirely in your browser using react-markdown with remark-gfm, so the preview matches what GitHub and most modern static-site generators produce.

GFM vs CommonMark

Markdown has no single specification, but two reference points cover most real-world documents. CommonMark is the strict baseline — headings, lists, links, images, emphasis, code spans, and fenced code blocks. GitHub-flavored Markdown adds the conveniences you already use in READMEs and issue templates: pipe tables, - [ ] task lists,~~strike~~, raw URLs that auto-link, and footnotes. This tool renders the GFM superset, so anything that works in a GitHub README will work here.

Practical uses

  • Drafting a README before pasting it into a repository — the live preview catches broken tables and unclosed code fences immediately.
  • Cleaning up notes exported from a chat or task tracker.
  • Sanity-checking Markdown that another tool generated, such as an LLM response.

Limitations to know

Raw HTML inside Markdown is rendered as plain text, not as live HTML — this is a deliberate safety choice so that pasted Markdown cannot inject scripts. If you need to preview raw HTML, use the dedicated HTML tool, which loads the markup in a sandboxed iframe.


이 마크다운 에디터에 대하여

왼쪽의 에디터는 표준 마크다운에 더해, 오늘날 대부분의 사람이 기대하는 GitHub 확장 문법을 지원합니다 — 표, 작업 목록, 취소선, 언어 힌트가 있는 코드 블록, 자동 링크. 렌더링은 react-markdownremark-gfm을 통해 전적으로 브라우저에서 이루어지므로, 결과물이 GitHub와 대부분의 현대적인 정적 사이트 생성기에서 보이는 모습과 일치합니다.

GFM과 CommonMark

마크다운은 단일 표준 명세가 없지만, 대부분의 실제 문서는 두 가지 기준점 안에서 움직입니다. CommonMark는 엄격한 기본선입니다 — 헤딩, 목록, 링크, 이미지, 강조, 인라인 코드, 펜스드 코드 블록. GFM(GitHub Flavored Markdown)은 README나 이슈 템플릿에서 이미 쓰고 있는 편의 기능을 더합니다 — 파이프 표, - [ ] 작업 목록, ~~취소선~~, 자동 링크되는 URL, 각주. 이 도구는 GFM 슈퍼셋을 렌더링하므로 GitHub README에서 동작하는 것은 여기서도 동작합니다.

실용적인 용도

  • README 초안 작성 — 저장소에 붙여 넣기 전에 라이브 프리뷰로 깨진 표나 닫히지 않은 코드 펜스를 즉시 잡아냅니다.
  • 메모 정리 — 채팅이나 작업 트래커에서 내보낸 글을 다듬을 때 유용합니다.
  • 마크다운 점검 — 다른 도구(예: LLM)가 생성한 마크다운이 의도대로 렌더링되는지 확인합니다.

알아 둘 제한

마크다운 안의 raw HTML은 살아 있는 HTML이 아니라 일반 텍스트로 렌더링됩니다 — 붙여 넣은 마크다운이 스크립트를 주입하지 못하도록 의도된 안전 장치입니다. raw HTML을 미리 보고 싶다면 별도의 HTML 도구를 사용하세요. 거기서는 마크업이 샌드박스 iframe에서 로드됩니다.