Visual Editor Click any block to edit
0 Words / 0 Characters
Click here to start writing, or drag and drop a file
Supports .md, .txt, .html, .csv, and .docx files
Switch between RAW and Visual Editor at the top
Click here to start writing, or drag and drop a file
Supports .md, .txt, .html, .csv, and .docx files
Switch between RAW and Visual Editor at the top
This is a document editor that lets you write in Markdown (a simple text formatting language) and instantly see a clean, formatted preview. You can also draw diagrams using Mermaid syntax. When you are finished, export your document as a professional PDF to share with colleagues or stakeholders.
Type in the left-hand panel (the Editor). The right-hand panel (the Visualiser) updates automatically to show you what your finished document looks like. Your work is automatically saved in your browser.
Markdown uses simple symbols to format text. Here are the most common ones:
| What You Type | What It Produces |
|---|---|
# Heading 1 |
A large heading |
## Heading 2 |
A medium heading |
### Heading 3 |
A small heading |
**bold text** |
bold text |
*italic text* |
italic text |
[Link Text](https://example.com) |
A clickable link |
- Item one |
A bullet point list |
1. Item one |
A numbered list |
> Quote text |
A block quote |
--- |
A horizontal line divider |
Create tables using pipes (|) and hyphens (-):
| What You Type |
|---|
| Name | Role ||------|------|| Alice | Engineer || Bob | Manager |
|
You can add flowcharts, sequence diagrams, and more using Mermaid syntax. Wrap your diagram code in a
fenced code block with the language set to mermaid:
| What You Type | What It Produces |
|---|---|
```mermaidgraph TD A[Start] --> B[End]```
|
A flowchart with boxes and arrows |
```mermaidsequenceDiagram Alice->>Bob: Hello```
|
A sequence diagram showing interactions |
Callouts are highlighted boxes used to draw attention to important information. They use a blockquote with a special type marker on the first line.
| What You Type | What It Produces |
|---|---|
>[!note]>Your message here. |
A blue "Note" callout box with an icon |
>[!warning]>Be careful with this. |
An orange "Warning" callout box |
>[!info] Custom Title>Body text here. |
A callout with a custom heading instead of the default type name |
>[!tip]+ Click to collapse>This starts open. |
A foldable callout that starts expanded (user can collapse it) |
>[!warning]- Click to expand>This starts closed.
|
A foldable callout that starts collapsed (user can expand it) |
Available callout types:
| Type | Colour |
|---|---|
note |
Blue |
abstract |
Cyan |
info, todo |
Blue |
tip |
Teal |
success |
Green |
question |
Amber |
warning |
Orange |
failure, danger, bug |
Red |
example |
Purple |
quote |
Grey |
| Shortcut | Action |
|---|---|
Ctrl + B |
Make selected text bold |
Ctrl + I |
Make selected text italic |
Ctrl + K |
Insert a link around selected text |
Ctrl + P |
Export to PDF |
Tab |
Insert indentation (useful for lists and diagrams) |
| Button | What It Does |
|---|---|
| New Document | Clears the active tab's editor content |
| Import File | Load an existing .md or text file into the active tab |
| Layout Selector | Switch between side-by-side, editor-only, or preview-only views |
| Dark / Light Mode | Switches between a light and dark colour scheme |
| Export to PDF | Opens your browser's print dialogue so you can save or print the document as a PDF |
| Action | How |
|---|---|
| New tab | Click the + button in the tab bar |
| Switch tab | Click on any tab |
| Rename tab | Double-click on a tab name |
| Close tab | Click the x on a tab (hover to reveal) |
All tabs are saved automatically in your browser. You can have up to 10 tabs open at once.
You can also drag and drop a .md file directly onto the editor area to import it. When
loading a template, you can choose to open it in a new tab or replace the active tab's content.
Select a template below to load it into the editor. This will replace your current document.
Loading templates...
How would you like to load this template?
For the cleanest, most professional PDF exports (especially in Firefox), please expand More Settings in the print dialogue and uncheck "Print Headers and Footers".
Your data is private. Nothing you type here is ever sent to or stored on our servers.
Instead, your documents are automatically saved directly into your browser's local cache (localStorage). This means if you accidentally close the tab or refresh the page, your work will still be here when you return.
However, to permanently save or share a document, you must export it. You can either export the raw `.md` text file or export it as a formatted PDF using the buttons in the top right.
This will permanently delete all your saved documents, tabs, theme preferences, and editor settings from this browser.
After clearing, the application will reload as if you are visiting for the first time. This cannot be undone.
If you have unsaved work, please download your files first using File > Download File or Export to PDF before proceeding.
Converting to Markdown