Skip to main content
Fylepad features comprehensive Markdown support powered by TipTap Markdown and Remark. You can write notes using standard Markdown syntax, and the editor will render them beautifully in real-time.

​
How it works

Fylepad uses a bidirectional Markdown parser:
  • Write in Markdown — Type Markdown syntax and see it render instantly
  • Export to Markdown — Your notes are converted to clean .md files
  • Import Markdown — Drop .md files into Fylepad and continue editing
The parser is built on the remark ecosystem with support for GitHub Flavored Markdown (GFM).

​
Supported Markdown syntax

​
Headings

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

​
Emphasis

**bold text**
*italic text*
***bold and italic***
~~strikethrough~~

​
Lists

- Item 1
- Item 2
  - Nested item
- Item 3

[Link text](https://example.com)
![Image alt text](image-url.jpg)

​
Code

Use `backticks` for inline code

​
Blockquotes

> This is a blockquote
> Multiple lines supported

​
Horizontal rules

---

​
Tables

| Column 1 | Column 2 | Column 3 |
|----------|----------|----------|
| Data 1   | Data 2   | Data 3   |
| Data 4   | Data 5   | Data 6   |

​
GitHub Flavored Markdown (GFM)

Fylepad supports GFM extensions: URLs are automatically converted to clickable links: 
https://github.com/imrofayel/fylepad

​
Strikethrough

~~deleted text~~

​
Tables

Full GFM table syntax with alignment: 
| Left aligned | Center aligned | Right aligned |
|:-------------|:--------------:|--------------:|
| Left         | Center         | Right         |

​
Task lists

- [x] Completed task
- [ ] Pending task

​
Custom Markdown extensions

​
Mathematical expressions

Write LaTeX math inline or in blocks: 
Inline: $E = mc^2$

Block:
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$

​
Mermaid diagrams

Create diagrams with Mermaid syntax: 
```mermaid
graph TD
  A[Start] --> B{Decision}
  B -->|Yes| C[Action 1]
  B -->|No| D[Action 2]
```

​
PlantUML diagrams

Use PlantUML for UML diagrams: 
```plantuml
@startuml
Alice -> Bob: Hello
Bob --> Alice: Hi!
@enduml
```

​
Markdown shortcuts

Fylepad includes helpful Markdown shortcuts:
TypeResult
# + spaceHeading 1
## + spaceHeading 2
- + spaceBullet list
1. + spaceNumbered list
[] + spaceTask list
```Code block
> + spaceBlockquote
---Horizontal rule
You can type Markdown syntax directly, and Fylepad will convert it to formatted text as you type.

​
Export and import

​
Export to Markdown

Export your notes as clean .md files:
1

Open export menu

Click the export button in the toolbar or press the keyboard shortcut
2

Choose Markdown format

Select Export as Markdown from the menu
3

Save file

Choose a location and save your .md file

​
Import Markdown files

Bring existing Markdown files into Fylepad:
1

Open import menu

Click the import button or use the keyboard shortcut
2

Select file

Choose a .md file from your computer
3

Start editing

Your Markdown file opens in a new tab, ready to edit
Fylepad preserves your Markdown formatting during import and export, ensuring compatibility with other Markdown editors.

​
Parser implementation

Fylepad uses the following Markdown parsing stack:
  • tiptap-markdown — Bidirectional TipTap ↔ Markdown conversion
  • remark — Markdown processing framework
  • remark-gfm — GitHub Flavored Markdown support
  • remark-math — LaTeX math notation support
  • remark-directive — Custom directive support
This ensures accurate parsing and rendering of complex Markdown documents.

​
Next steps

Code blocks

Syntax highlighting for 100+ languages

Diagrams

Create Mermaid and PlantUML diagrams

Build docs developers (and LLMs) love

Get started for freeTalk to us