PrimeEdge 主题教程

编辑器使用

PrimeEdge Admin Markdown 编辑器操作指南

编辑器使用

PrimeEdge Admin 内置了功能完善的 Markdown 编辑器,支持实时预览和多种快捷操作。

工具栏

编辑器顶部工具栏提供以下快捷按钮:

按钮功能快捷键
H1一级标题(仅文档编辑器)-
H2二级标题-
H3三级标题-
B粗体Ctrl/Cmd + B
I斜体Ctrl/Cmd + I
S删除线-
Link插入链接Ctrl/Cmd + K
Image插入图片-
Code行内代码-
Block代码块-
Quote引用-
UL无序列表-
OL有序列表-
HR分割线-

预览模式

编辑器支持三种模式切换:

分屏模式(默认)

  • 左侧编辑区,右侧实时预览
  • 编辑内容时预览自动同步滚动
  • 适合大屏幕使用

纯编辑模式

  • 隐藏预览区域
  • 编辑区占满整个宽度
  • 适合专注写作

纯预览模式

  • 隐藏编辑区
  • 全屏查看渲染效果
  • 适合检查最终效果

全屏编辑

点击全屏按钮或使用快捷键进入全屏编辑模式:

  • 编辑器占满整个浏览器窗口
  • ESC 键退出全屏
  • 手机端编辑器自动优化高度(最小 50vh)

保存快捷键

  • Ctrl/Cmd + S - 快速保存当前内容

图片插入

图床上传(推荐)

点击工具栏图片按钮,会弹出图片上传窗口:

  1. 拖拽图片 到上传区域
  2. 粘贴图片 - 直接 Ctrl/Cmd+V 粘贴剪贴板图片
  3. 点击选择 - 从本地文件选择图片

上传成功后自动插入 Markdown 图片标记到编辑器光标位置。

编辑器中上传的图片自动按 年/月 分目录存储,如 2026/05/image.png,无需手动管理目录。

粘贴上传

在编辑区直接按 Ctrl/Cmd+V 粘贴图片(如截图),系统会自动上传到图床并插入链接,无需手动操作。

手动输入 URL

也可以直接在 Markdown 中编写图片语法:

![图片描述](https://example.com/image.jpg)

图床配置

图片上传功能依赖图床配置,请确保已在"系统 > 图床配置"中完成以下设置:

  • 图床仓库地址
  • GitHub Token(或在系统设置中已配置)
  • 链接规则(决定生成的图片 URL 格式)

详见 使用指南 - 图床配置

手机端适配

在手机端使用编辑器时:

  • 工具栏可横向滚动
  • 编辑区最小高度 50vh,方便输入
  • 建议使用纯编辑模式(隐藏预览以获得更大编辑空间)
  • 全屏模式支持更好的输入体验

Markdown 语法参考

标题

## 二级标题
### 三级标题
#### 四级标题

文本格式

**粗体文本**
*斜体文本*
~~删除线文本~~
`行内代码`

列表

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

1. 有序列表项 1
2. 有序列表项 2

链接和图片

[链接文字](https://example.com)
![图片描述](https://example.com/image.jpg)

引用

> 这是一段引用文本
> 可以多行

代码块

```javascript
function hello() {
  console.log('Hello!');
}
```

表格

| 列1 | 列2 | 列3 |
|------|------|------|
| 内容 | 内容 | 内容 |

下一步

评论

0%