Most Markdown editors are either too heavy or too plain. This one tries to be just right , simple, modern, and fast.

Features

• Real-time Markdown rendering
• Clean, modern interface
• Responsive design
• Easy to integrate
• Keyboard shortcuts for smooth workflow

Demo

Installation

Include it in your HTML:

Basic Usage

const editor = MarkdownEditor.init('your-element-id', {
 placeholder: 'Start writing in markdown...',
 autofocus: true
});

Markdown Syntax

Headers

# H1
## H2
### H3
#### H4
##### H5
###### H6

Text Formatting

**bold text**
*italic text*
__underline__
`inline code`

Lists

- Unordered item 1
- Unordered item 2
 - Nested item

1. Ordered item 1
2. Ordered item 2
 - [ ] Task 1
 - [x] Completed task

Links & Media

[Link text](https://example.com)
![Alt text](image.jpg)

Blockquotes & Dividers

> This is a blockquote

---
Horizontal rule

Navigation

• → to exit current tag
• Backspace at end to revert to raw markdown

Options