Markdown 编辑器
本编辑器基于 Vditor 构建,提供强大的 Markdown 编辑功能,支持多种编辑模式和丰富的扩展语法。
编辑模式
编辑器支持三种编辑模式,可通过工具栏切换:
| 模式 | 图标 | 说明 |
|---|---|---|
| 即时渲染 | 默认 | 类似 Typora,输入时自动渲染,编辑与预览一体化 |
| 所见即所得 | 切换选择 | 像 Word 一样编辑,对 Markdown 不熟悉的用户友好 |
| 分屏预览 | 切换选择 | 左侧编辑、右侧预览的传统模式 |
提示:移动端默认使用即时渲染模式
工具栏功能
基础格式
| 按钮 | 快捷键 | 功能 | 语法示例 |
|---|---|---|---|
| 撤销/重做 | Ctrl+Z / Ctrl+Y | 撤销/重做操作 | - |
| 标题 | - | 插入标题 | ## 标题 |
| 加粗 | Ctrl+B | 加粗文字 | **文字** |
| 斜体 | Ctrl+I | 倾斜文字 | *文字* |
| 删除线 | - | 删除线 | ~~文字~~ |
| 分割线 | - | 插入水平线 | --- |
| 引用 | Ctrl+Shift+9 | 引用块 | > 引用 |
列表与代码
| 按钮 | 功能 | 语法示例 |
|---|---|---|
| 无序列表 | 项目符号列表 | - 项目 |
| 有序列表 | 数字列表 | 1. 项目 |
| 任务列表 | 待办事项 | - [ ] 任务 |
| 代码块 | 代码区域 | ```js\ncode\n``` |
| 行内代码 | 行内代码 | `code` |
插入内容
| 按钮 | 功能 | 使用说明 |
|---|---|---|
| 上传 | 上传图片/文件 | 支持拖拽、粘贴上传 |
| 链接 | 插入链接 | [文本](url) |
| 表格 | 插入表格 | 支持 Markdown 表格语法 |
视图切换
| 按钮 | 功能 |
|---|---|
| 编辑模式 | 切换编辑模式 |
| 预览 | 纯预览模式 |
浮动工具栏
选中文字后自动显示浮动工具栏,提供 AI 辅助功能:
| 功能 | 说明 |
|---|---|
| 引用 | 对选中内容添加引用格式 |
| 润色 | AI 润色选中的文字 |
| 擦除 | AI 删除冗余内容 |
| 扩写 | AI 扩展选中内容 |
| 朗读 | 朗读选中文字 |
底部工具栏
左侧功能
| 功能 | 说明 |
|---|---|
| 字数统计 | 显示当前文档字数 |
| AI 补全开关 | 开启/关闭 AI 自动补全 |
| 复制 | 复制 Markdown 内容 |
| 导出 | 导出文档 |
右侧功能
| 功能 | 说明 |
|---|---|
| 向量计算 | 向量计算功能 |
| 同步 | 同步到远程 |
| 历史记录 | 查看编辑历史 |
| 拉取 | 拉取远程更新 |
快捷键
| 快捷键 | 功能 |
|---|---|
Ctrl+Z | 撤销 |
Ctrl+Y / Ctrl+Shift+Z | 重做 |
Ctrl+B | 加粗 |
Ctrl+I | 斜体 |
Ctrl+Shift+9 | 引用 |
Ctrl+Enter | 提交/发布 |
Ctrl+F | 打开搜索 |
Tab | 接受 AI 补全 |
Esc | 取消 AI 补全 |
Markdown 语法
编辑器支持标准 Markdown 语法及多种扩展语法:
- 基础格式:标题、加粗、斜体、删除线、行内代码
- 列表:无序列表、有序列表、任务列表
- 引用与链接:引用块、超链接、图片
- 代码块:支持
js、ts、python、go、java、html、css、bash、json、sql等多种语言高亮 - 表格:标准 Markdown 表格
- 数学公式:支持行内公式
$...$和多行公式$$...$$ - 图表:Mermaid 流程图、时序图、甘特图,以及 Mindmap 脑图
- 脚注:
[^1]语法 - 表情:输入
:触发表情补全
图片上传
支持的上传方式
- 拖拽上传:直接拖拽图片到编辑器
- 粘贴上传:复制图片后粘贴到编辑器
- 点击上传:点击工具栏上传按钮
图床支持
- GitHub
- SM.MS
- PicGo
- AWS S3
可在设置中配置图床服务。
大纲功能
左侧大纲面板自动显示文档结构:
- 点击大纲跳转到对应章节
- 支持折叠/展开
- 跟随当前编辑位置
主题
编辑器支持亮色/暗色主题切换,主题自动跟随系统设置。
搜索功能
快捷键 Ctrl+F 打开搜索面板,支持:
- 搜索文本
- 替换内容
- 大小写敏感
- 上一个/下一个导航
自动保存
编辑器会自动保存内容到本地,防止意外丢失。
提示功能
| 输入 | 触发 |
|---|---|
... | 继续写作(AI) |
??? | 提问(AI) |