Suishou Tools

Markdown Preview

Write Markdown on the left and see it rendered on the right as you type. Supports GitHub Flavored Markdown, and lets you copy the HTML or download the result as a file.

Preview

Loading…

How to use the Markdown Preview

  1. Type or paste Markdown into the editor. On a phone, switch between “Edit” and “Preview” with the toggle at the top.
  2. Tick “Treat single line breaks as <br>” if you want every new line to break, as in GitHub comments.
  3. Use “Copy HTML” to paste the rendered HTML into a CMS or email, or “Download .md” / “Download .html” to save a file.
  4. Your draft is saved in this browser automatically. “Load example” shows a sample of every common element.

Markdown syntax cheat sheet

Headings start with # (one per level, up to ######). Wrap text in **double asterisks** for bold, *single asterisks* for italic and ~~tildes~~ for strikethrough. Links are [text](https://example.com) and images are ![alt text](image.png).

Start a line with - or * for a bullet list and 1. for a numbered list; indent by two spaces to nest. Use > for a blockquote, single backticks for `inline code` and three backticks on their own lines for a code block. Add a language name after the opening backticks, such as ```js, to label the code.

GitHub Flavored Markdown (GFM)

This editor uses GitHub Flavored Markdown, the dialect used on GitHub, GitLab and in many documentation tools. On top of standard Markdown, it adds tables, task lists (- [ ] and - [x]), strikethrough and automatic links for bare URLs.

A table is a header row, a separator row of dashes and then data rows, with cells divided by |. Put a colon in the separator to align a column: :--- for left, :---: for center and ---: for right, which is handy for prices and numbers.

Line breaks: the most common surprise

In standard Markdown, a single line break inside a paragraph is treated as a space, so lines you wrote separately run together in the preview. To start a new paragraph, leave a blank line. To force a line break without a new paragraph, end the line with two spaces or a backslash.

GitHub issues and comments, Slack and many chat apps break on every new line instead. Tick “Treat single line breaks as <br>” to preview that behavior. README files on GitHub follow the standard rule, so leave it off when writing a README.

Is the HTML output safe?

Markdown allows raw HTML, which could include scripts. Before showing the preview, this tool runs the output through DOMPurify, which strips scripts, event handlers and other dangerous markup. The HTML you copy or download is the same sanitized version.

Everything runs in your browser: your text is never uploaded. The downloaded .html file is a complete page with simple styles that adapt to light and dark mode, ready to open, print or attach to an email.

Frequently asked questions

Why do my lines run together in the preview?

Markdown joins lines in the same paragraph. Leave a blank line between paragraphs, end a line with two spaces to force a break, or tick “Treat single line breaks as <br>”.

Can I preview a GitHub README here?

Yes. Paste the contents of README.md. Tables, task lists, code blocks and other GitHub Flavored Markdown features render as on GitHub, although GitHub-specific extras such as Mermaid diagrams, alerts and emoji shortcodes are not supported.

How do I make a table in Markdown?

Write a header row like | Name | Price |, then a separator row | --- | ---: |, then one row per line. The colon on the right side of ---: right-aligns that column. Click “Load example” to see a working table.

Does my draft get saved?

Yes, in this browser only. The editor saves your text locally as you type and restores it next time you open the page. Clearing your browser data, or clicking “Clear”, removes it.

How do I convert Markdown to HTML?

Paste your Markdown and click “Copy HTML” to copy the rendered markup, or “Download .html” to get a complete web page you can open in any browser.

Is my text uploaded?

No. Rendering happens entirely in your browser, and nothing you type is sent to a server.

Last updated: View source code

HTML Entity Encoder / Decoder Escape text so it displays safely inside HTML, or turn entities like &lt; &amp; &copy; back into normal characters. Includes a cheat sheet of the most common HTML entities. Word Counter Paste or type your text to see the word count, character count, sentences and paragraphs update as you write, plus how long it takes to read or say out loud. JSON Formatter Paste JSON to validate and pretty-print it instantly, or minify it into a single line. If it is invalid, you get the exact line and column plus a plain-English explanation of what is wrong. Diff Checker Paste the original and the edited text to see exactly which lines were added, removed or changed, with the changed words highlighted inside each line. Base64 Encode and Decode Turn text into Base64 or decode a Base64 string back to readable text. Everything is handled as UTF-8, so accented letters, emoji and non-Latin scripts come back exactly as they went in. Color Converter Convert any CSS color between HEX, RGB, HSL and OKLCH, and see right away whether white or black text on it passes WCAG contrast. Works with transparency too. Roman Numeral Converter Type a number to get its Roman numeral, or type a Roman numeral to get the number. Each result is broken into parts, so you can see how it is built. Unix Timestamp Converter Check the current Unix timestamp, or convert between epoch time and human-readable dates. Seconds and milliseconds are detected automatically, and every result is shown in your local time, UTC and ISO 8601.