Markdown编辑器 - Editor.md

点击或拖拽上传

Word文档自动转换为Markdown

.md .docx

文件列表 0

文件保存后将于2小时后自动清理，请及时保存

暂无文件

### 欢迎使用 Editor.md

**Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器，基于 CodeMirror、jQuery 和 Marked 构建。

#### 主要特性

- 支持通用 Markdown / CommonMark 和 GFM (GitHub Flavored Markdown) 风格的语法
- 支持实时预览、图片上传、代码高亮等功能
- 支持 Mermaid 图表（流程图、时序图、甘特图、饼图等）
- 支持 TeX 科学公式
- 兼容主流浏览器

#### 快速开始

在左侧编辑区域输入Markdown文本，右侧会实时预览效果。

##### 代码示例

```javascript
function hello() {
    console.log("Hello, Editor.md!");
}
```

##### 流程图示例（Mermaid）

```mermaid
graph TD
    A[开始] --> B{是否登录?}
    B -->|是| C[进入主页]
    B -->|否| D[跳转登录页]
    D --> E[输入账号密码]
    E --> F{验证通过?}
    F -->|是| C
    F -->|否| G[提示错误]
    G --> E
    C --> H[结束]
```

##### 时序图示例（Mermaid）

```mermaid
sequenceDiagram
    participant U as 用户
    participant F as 前端
    participant B as 后端

U->>F: 输入用户名密码
    F->>B: POST /api/login
    alt 验证成功
        B-->>F: 返回 Token
        F-->>U: 跳转主页
    else 验证失败
        B-->>F: 返回错误信息
        F-->>U: 显示错误提示
    end
```

##### 饼图示例（Mermaid）

```mermaid
pie showData
    title 前端技术栈使用占比
    "Vue.js" : 45
    "React" : 35
    "Angular" : 12
    "其他" : 8
```

##### 列表示例

- 列表项 1
- 列表项 2
  - 子列表项 2.1
  - 子列表项 2.2
- 列表项 3

##### 表格示例

| 功能 | 支持 |
|------|------|
| 实时预览 | ✓ |
| 代码高亮 | ✓ |
| Mermaid 图表 | ✓ |
| 导出 Word | ✓ |

##### 引用

> 这是一段引用文本。
> Markdown让写作变得简单。

---

**开始你的Markdown编辑之旅吧！**