Markdown Editor

A clean, modern WYSIWYG markdown editor

Getting Started

<script src="https://raw.githubusercontent.com/arazgholami/markdown-editor/main/wysiwyg-markdown-editor.js"></script>
<script>
    const editor = MarkdownEditor.init('my-editor', {
        placeholder: 'Start typing markdown...',
        autofocus: true
    });
</script>

Markdown Syntax

Navigation

Right arrow to exit current tag

Backspace at end to revert to plain

Headers

# H1

## H2

### H3

#### H4 to ###### H6

Text Formatting

**bold**

*italic*

__underline__

`code`

Lists

- Unordered item

1. Ordered item

- [ ] Task

- [x] Completed

Links & Media

[text](url)

![alt](image.jpg)

Other

> Blockquote

--- Horizontal rule