toolsy.one

Markdown editor

Write Markdown and watch a clean, sanitised HTML preview update as you type — all in your browser.

Words: 0 Characters: 0
Markdown input .md
Live HTML preview rendered

A Markdown editor that renders as you type

Markdown is a lightweight way to write formatted text using plain characters: a # for a heading, asterisks for bold and italic, a dash for a list item. It is readable on its own and converts cleanly to HTML, which is why it powers README files, documentation sites, chat apps and most developer forums. This editor splits the screen in two: you type Markdown on the left, and a faithful HTML rendering appears on the right the instant you stop typing.

Under the hood, the tool reads your text, escapes every HTML character first, then applies a small set of Markdown rules to build the preview. Because escaping happens before any tags are created, the preview can only contain the elements the parser intends — it can never run code you paste in. The word and character counters update on the same pass.

A quick worked example

Type the Markdown on the left and you get the HTML on the right:

You writeYou get
## Setup guideAn <h2> heading
Use **caution** hereUse caution here
* Step oneA bulleted list item
`npm install`Inline npm install
> A note worth quotingAn indented blockquote

Supported syntax at a glance

Text & headings

Six heading levels with #, plus **bold**, *italic* and [links](url) anywhere in a line.

Lists & quotes

Unordered lists with * or -, numbered lists with 1., and blockquotes with >.

Code

Inline code in backticks and fenced blocks with triple backticks, both rendered in a monospace box.

Privacy note: this editor has no server and no analytics on what you write. Your Markdown, the rendered HTML and the copied output all stay on your device, inside this browser tab.

Frequently asked questions

Is my text uploaded anywhere?

No. The Markdown is parsed and rendered entirely in your browser with a small JavaScript parser. Nothing you type is sent to a server, logged or stored — close the tab and it is gone. That makes it safe for drafts, internal notes or anything confidential.

Which Markdown features are supported?

The essentials: headings (# to ######), bold and italic, inline code and fenced code blocks, blockquotes, ordered and unordered lists, links, horizontal rules and paragraphs. It targets the common core of Markdown rather than every extension, so output stays predictable.

Can someone inject a script through the preview?

No. Every character of your input is HTML-escaped before any Markdown rules run, so raw <script> tags, onerror attributes and other HTML are shown as literal text, never executed. The preview can only ever contain the tags this parser deliberately generates.

What is the "Copy HTML" button for?

It copies the generated HTML source — not the rendered look — to your clipboard, ready to paste into a CMS, email template, static site or anywhere that accepts HTML. Use it when you want the markup rather than the formatted text.

How are the word and character counts calculated?

They count your raw Markdown, not the rendered output. Characters include spaces and punctuation; words are runs of letters and digits separated by whitespace. Markdown symbols like # or * are not counted as words.

Related tools

Word counter

Count words, characters, sentences and reading time.

QR code generator

Turn links or text into downloadable QR codes.

Pomodoro timer

Focus timer using the Pomodoro technique.