Markdown Preview
Write Markdown and see a live preview. Supports GitHub Flavored Markdown with tables, task lists, and more.
Supported Features
- • Headers (H1-H6)
- • Bold, italic, strikethrough
- • Links and images
- • Code blocks with syntax highlighting
- • Tables and task lists
- • Blockquotes and horizontal rules
Export Options
- • Copy markdown to clipboard
- • Download as .md file
- • Export as styled HTML
- • Side-by-side or preview-only view
- • Real-time preview updates
- • GitHub Flavored Markdown support
Frequently Asked Questions
What is GitHub Flavored Markdown and how is it different from standard Markdown?
GitHub Flavored Markdown (GFM) extends standard Markdown with tables, task lists, strikethrough text, automatic URL linking, and fenced code blocks with syntax highlighting. GFM is widely used on GitHub, GitLab, and many documentation platforms. This preview tool fully supports GFM features, making it perfect for README files and technical documentation.
Can I export my Markdown to HTML or other formats?
Yes! Use the "Export HTML" button to download your Markdown as a styled HTML file. The HTML includes basic CSS for proper formatting and can be opened in any browser. You can also copy the Markdown text and use external tools like Pandoc for converting to PDF, Word, or other formats. The "Download .md" button saves your Markdown source file.
How do I create tables in Markdown?
Use pipes (|) and hyphens (-) to create tables. Start with a header row, then a separator row with dashes, followed by data rows. Example: | Header 1 | Header 2 | followed by |----------|----------| and data rows. Align columns with colons in the separator row. The preview automatically formats tables with borders and styling.
What is the difference between side-by-side and preview-only modes?
Side-by-side mode shows Markdown input and rendered preview in two columns, perfect for writing and seeing results simultaneously. Preview-only mode shows just the rendered output in full width, ideal for presenting your content or focusing on the final appearance. Switch modes based on whether you're editing or reviewing content.
Does the Markdown preview support syntax highlighting for code blocks?
Yes! Use fenced code blocks with triple backticks (```) and specify the language for syntax highlighting. Supported languages include JavaScript, Python, Java, C++, HTML, CSS, JSON, and many more. Example: ```javascript followed by your code and closing ```. The preview renders code with proper highlighting and formatting for improved readability.
How do I create task lists and checkboxes in Markdown?
Create task lists using hyphens and square brackets: - [ ] for unchecked items and - [x] for checked items. This GFM feature is perfect for to-do lists, project tracking, and checklists in README files. The preview renders them as interactive-looking checkboxes, though editing must be done in the Markdown source.