编辑器使用
PrimeEdge Admin Markdown 编辑器操作指南
编辑器使用
PrimeEdge Admin 内置了功能完善的 Markdown 编辑器,支持实时预览和多种快捷操作。
工具栏
编辑器顶部工具栏提供以下快捷按钮:
| 按钮 | 功能 | 快捷键 |
|---|---|---|
| H1 | 一级标题(仅文档编辑器) | - |
| H2 | 二级标题 | - |
| H3 | 三级标题 | - |
| B | 粗体 | Ctrl/Cmd + B |
| I | 斜体 | Ctrl/Cmd + I |
| 删除线 | - | |
| Link | 插入链接 | Ctrl/Cmd + K |
| Image | 插入图片 | - |
| Code | 行内代码 | - |
| Block | 代码块 | - |
| Quote | 引用 | - |
| UL | 无序列表 | - |
| OL | 有序列表 | - |
| HR | 分割线 | - |
预览模式
编辑器支持三种模式切换:
分屏模式(默认)
- 左侧编辑区,右侧实时预览
- 编辑内容时预览自动同步滚动
- 适合大屏幕使用
纯编辑模式
- 隐藏预览区域
- 编辑区占满整个宽度
- 适合专注写作
纯预览模式
- 隐藏编辑区
- 全屏查看渲染效果
- 适合检查最终效果
全屏编辑
点击全屏按钮或使用快捷键进入全屏编辑模式:
- 编辑器占满整个浏览器窗口
- 按 ESC 键退出全屏
- 手机端编辑器自动优化高度(最小 50vh)
保存快捷键
- Ctrl/Cmd + S - 快速保存当前内容
图片插入
图床上传(推荐)
点击工具栏图片按钮,会弹出图片上传窗口:
- 拖拽图片 到上传区域
- 粘贴图片 - 直接 Ctrl/Cmd+V 粘贴剪贴板图片
- 点击选择 - 从本地文件选择图片
上传成功后自动插入 Markdown 图片标记到编辑器光标位置。
编辑器中上传的图片自动按
年/月分目录存储,如2026/05/image.png,无需手动管理目录。
粘贴上传
在编辑区直接按 Ctrl/Cmd+V 粘贴图片(如截图),系统会自动上传到图床并插入链接,无需手动操作。
手动输入 URL
也可以直接在 Markdown 中编写图片语法:

图床配置
图片上传功能依赖图床配置,请确保已在"系统 > 图床配置"中完成以下设置:
- 图床仓库地址
- GitHub Token(或在系统设置中已配置)
- 链接规则(决定生成的图片 URL 格式)
详见 使用指南 - 图床配置。
手机端适配
在手机端使用编辑器时:
- 工具栏可横向滚动
- 编辑区最小高度 50vh,方便输入
- 建议使用纯编辑模式(隐藏预览以获得更大编辑空间)
- 全屏模式支持更好的输入体验
Markdown 语法参考
标题
## 二级标题
### 三级标题
#### 四级标题
文本格式
**粗体文本**
*斜体文本*
~~删除线文本~~
`行内代码`
列表
- 无序列表项 1
- 无序列表项 2
1. 有序列表项 1
2. 有序列表项 2
链接和图片
[链接文字](https://example.com)

引用
> 这是一段引用文本
> 可以多行
代码块
```javascript
function hello() {
console.log('Hello!');
}
```
表格
| 列1 | 列2 | 列3 |
|------|------|------|
| 内容 | 内容 | 内容 |
评论