🇨🇳 中文

Markdown 编辑器

在线 Markdown 编辑器,支持实时预览、图片上传、代码高亮,拿来即用

编辑器

  • 功能介绍
  • 使用说明
  • Markdown 语法讲解

功能介绍

fzyEditor 是一款专为 Layui 打造的 Markdown 编辑器,内置 Monaco Editor 核心,支持实时预览、图片/文件上传、代码高亮、自定义工具栏等功能。

✅ 实时预览

输入即预览,所见即所得。

✅ 图片/文件上传

拖拽或点击上传,自动插入 Markdown 链接。

✅ 代码高亮

支持 100+ 语言高亮,程序员福音。

✅ 自定义工具栏

支持自定义按钮、事件、解析规则。

使用说明

  1. 在上方编辑器中输入 Markdown 文本。
  2. 右侧或下方可实时预览渲染效果。
  3. 支持拖拽上传图片、粘贴截图、插入代码块等。
  4. 点击“保存”或“复制”按钮即可导出内容。

Markdown 语法速查表(5 分钟上手)

1. 标题

# 一级标题
## 二级标题
### 三级标题

2. 文本样式

**加粗**  __加粗__
*斜体*    _斜体_
~~删除线~~

3. 列表

- 无序列表 1
- 无序列表 2
  - 子项

1. 有序列表
2. 继续

4. 链接与图片

[链接文本](https://example.com)
![alt](url "title")

5. 代码

`行内代码`

```js
// 代码块
console.log('hello');
```

6. 表格

| 表头1 | 表头2 |
|------|------|
| 内容 | 内容 |

7. 任务清单 & 引用

- [x] 已完成任务
- [ ] 未完成任务

> 引用块
>> 嵌套引用

8. 数学公式(KaTeX 扩展)

行内:$E=mc^2$
块级:
$$
\sum_{i=1}^n x_i
$$

完整官方规范可参考:CommonMark 速查表