HomeProgrammingmarkdown editor

Markdown Editor Online

Online Markdown editor with real-time preview, image upload, code highlighting, ready to use

Editor

  • Features
  • Instructions
  • Markdown Syntax Guide

Features

fzyEditor is a Markdown editor built specifically for Layui, integrating the Monaco Editor core, supporting real-time preview, image/file upload, code highlighting, customizable toolbar, and more.

✅ Real-time Preview

Preview as you type, what you see is what you get.

✅ Image/File Upload

Drag and drop or click to upload, automatically inserts Markdown links.

✅ Code Highlighting

Supports highlighting for 100+ languages, a boon for programmers.

✅ Customizable Toolbar

Supports custom buttons, events, and parsing rules.

How to Use

  1. Enter Markdown text in the editor above.
  2. Preview the rendered result in real-time on the right or below.
  3. Supports drag-and-drop image upload, pasting screenshots, inserting code blocks, etc.
  4. Click the "Save" or "Copy" button to export the content.

Markdown Cheat Sheet (Get Started in 5 Minutes)

1. Headings

# Heading 1
## Heading 2
### Heading 3

2. Text Formatting

**Bold**  __Bold__
*Italic*    _Italic_
~~Strikethrough~~

3. Lists

- Unordered item 1
- Unordered item 2
  - Subitem

1. Ordered item
2. Continue

4. Links & Images

[Link Text](https://example.com)
![Alt Text](image-url "Title")

5. Code

`Inline code`

```js
// Code block
console.log("hello");
```

6. Tables

| Header 1 | Header 2 |
|----------|----------|
| Cell 1   | Cell 2   |

7. Task Lists & Blockquotes

- [x] Completed task
- [ ] Incomplete task

> Blockquote
>> Nested blockquote

8. Mathematical Formulas (KaTeX Extension)

Inline: $E=mc^2$
Block:
$$
\sum_{i=1}^n x_i
$$

For the complete official specification, refer to: CommonMark Cheat Sheet