Write Markdown and inspect a sanitized HTML preview. Prepare headings, links, lists, and emphasis for documentation or article drafts.
How to use
Enter Markdown and review the generated HTML and preview. Copy or download the output HTML. Keep your Markdown source separately when you need to edit it later.
Example
## Notes creates a second level heading. **Important** creates strong emphasis in the rendered text.
FAQ
Why do some elements disappear?
Unsafe markup is removed and the preview blocks scripts and external resources. Exported HTML is not a complete website template.
Related tools
A practical task
Keep the source organized while watching the output. One blank line can separate paragraphs, while a heading marker changes document structure. Test links and nested lists in the renderer where the exported HTML will actually be used.
Another useful question
Does the preview fetch remote content?
External resources are restricted in the preview. A missing remote image there does not establish that its URL is broken on the final site.
Details for interpreting the result
| Detail | Explanation |
|---|---|
| Markdown source and rendering | Markdown uses text markers for structure, such as headings, emphasis, and lists. Different renderers support different extensions. Compare the source with the destination renderer before relying on complex table or layout syntax. |
| HTML and plain text | HTML tags describe structure. Plain text displays characters without interpreting them as tags. Decide which result you need before removing markup, escaping brackets, or pasting output into an editor. |
| HTML character references | Character references such as & describe a character inside HTML. A reference can be escaped again when nested in another source. Decoding one layer is different from decoding every layer of a value. |
| Escaping and sanitizing | Escaping represents special characters literally. Sanitizing removes or changes unsafe markup according to rules. Neither operation should be replaced by assuming that unknown input contains harmless display text. |
| Preview boundaries | A restricted preview can block scripts, external images, fonts, and other resources. That keeps the preview separate from active page behavior, but it also means it is not a faithful copy of every production layout. |
| Paragraphs and lines | A manual line break and a paragraph boundary serve different purposes. Export tools can map them differently. Inspect lists, addresses, and intentional blank lines rather than treating every visible break as interchangeable. |
| Font coverage | A font contains only the glyphs it supports. A Unicode character in the source does not guarantee that every export font can draw it. Inspect accented names, non Latin text, and emoji in the final document. |