FormatterHQ

Markdown Viewer

Open a Markdown (.md) file or paste text and read it nicely rendered, with headings, tables, task lists, links and code blocks, just like on GitHub.

Input MARKDOWN
Output HTML
Ready.

How to use the Markdown Viewer

  1. Open a .md, .markdown or .txt file, or paste Markdown into the editor.
  2. The rendered document appears instantly in the preview pane.
  3. Toggle GitHub Flavored Markdown or single-newline line breaks to match where the file will be displayed.
  4. Read, print or copy from the preview.

Read Markdown files without an editor

Markdown files are plain text, so opening a README.md in a basic text editor shows all the raw symbols: hashes, asterisks, pipes and backticks. This Markdown viewer renders the file as a formatted document, so you can read it the way its author intended. It is handy when you download a project, receive documentation as an attachment or want to check a file before committing it.

What the viewer renders

  • Headings, paragraphs, bold, italics and strikethrough.
  • Bulleted, numbered and nested lists, including task lists with checkboxes.
  • Tables with column alignment.
  • Fenced and indented code blocks, and inline code.
  • Links, autolinked URLs and images (from absolute URLs).
  • Block quotes and horizontal rules.

The preview uses GitHub Flavored Markdown by default, so most READMEs look the same as on GitHub or GitLab. Platform-specific extras such as emoji shortcodes (:rocket:), Mermaid diagrams, math blocks and footnotes are shown as plain text.

Markdown viewer options

  • GitHub Flavored Markdown – on for tables, task lists, strikethrough and autolinks; off for classic Markdown rules.
  • Line breaks – treat every single newline as a line break, as GitHub does in issues and comments (but not in README files).

Safe preview

Markdown can contain raw HTML, and a file from the internet could include scripts. The viewer sanitizes the rendered HTML with DOMPurify, which removes scripts, event handlers and other active content, and it displays the result in an isolated frame. You can open unknown files without them running code on this page.

Why images might not appear

Images referenced with relative paths, such as ![logo](docs/logo.png), point to files inside the original repository. Because the viewer only receives the text of your file, it cannot load them. Images with full URLs (https://…) display normally.

Example

## Installation

1. Clone the repository
2. Run `npm install`

> **Note:** Node.js 20 or newer is required.

| Command | Description |
|---------|-------------|
| `npm test` | Run the test suite |

The viewer shows this as a heading, a numbered list with inline code, a highlighted note and a two-column table.

Where Markdown files come from

You will find Markdown in almost every software project: README.md, CHANGELOG.md, CONTRIBUTING.md and documentation folders. It is also the storage format of many note-taking apps, static site generators and knowledge bases, and it is increasingly used in exported chats and AI-generated documents. All of these open here without installing anything.

The viewer is also useful for reviewing: paste a colleague's draft, read it rendered, and spot structural problems such as a heading at the wrong level or a list that accidentally turned into a code block because of indentation.

Viewer, editor or converter?

  • Use this viewer to read existing files quickly.
  • Use the Markdown editor to write or change a document with a side-by-side preview and the generated HTML.
  • Use Markdown to HTML when you need the HTML code itself.
  • Use the Markdown formatter to clean up inconsistent syntax.

Files are read locally by your browser and are never uploaded.

Frequently asked questions

How do I open an MD file?
Use the file button to choose a .md, .markdown or .txt file from your computer, or drag its text into the editor. It is rendered immediately in the preview.
Why does my README look different on GitHub?
GitHub adds its own extensions, such as emoji shortcodes, Mermaid diagrams, alerts and heading anchors, and applies its own styles. The core Markdown and GFM features render the same way here.
Is it safe to open Markdown files from the internet?
Yes. The rendered HTML is sanitized to remove scripts and event handlers, and it is shown in an isolated preview frame.
Why are some images missing?
Images with relative paths point to files in the original project, which the viewer cannot access. Images with absolute https URLs are displayed.
Is my file uploaded to a server?
No. The file is read and rendered by your browser only.

Last updated October 3, 2026

Related tools

HTML to Markdown Converter Convert HTML to clean Markdown: headings, lists, links, images, code blocks, tables and strikethrough, with style options. Online Markdown Editor Write Markdown with a live side-by-side preview and the generated HTML source. Free online Markdown editor, no sign-up. Markdown Formatter Clean up Markdown: consistent lists, headings, tables and code fences. Markdown Table Generator Generate GitHub-flavoured Markdown tables from CSV, TSV, Excel cells or JSON, with column alignment and neat padding. Markdown to HTML Converter Convert Markdown to clean HTML online with GitHub Flavored Markdown: tables, task lists, fenced code and strikethrough. BBCode Viewer Preview BBCode forum posts before publishing: bold, colours, links, quotes, lists, code and spoilers rendered live. MDX Formatter Format MDX documents that mix Markdown with JSX components. Area Chart Maker Create area charts online from CSV or JSON data: filled line graphs with multiple series, smooth curves and SVG export. Bar Graph Maker Make bar charts online from CSV or JSON. Grouped bars for multiple series, negative values, custom colours and SVG export. Base64 to Image Preview and download images from Base64 strings or data URIs. Detects PNG, JPEG, GIF, WebP, BMP, ICO and SVG. Color Blindness Simulator See how images and colour palettes look with protanopia, deuteranopia, tritanopia and other colour-vision deficiencies. CSV Editor Online Edit CSV files online like a spreadsheet: change cells, add, move or delete rows and columns, sort, filter, find and replace, undo, then export.