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 - 快速保存当前内容

图片插入

输入 URL

点击图片按钮后输入图片 URL:

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

配合又拍云图床

如果后台配置了又拍云:

  1. 在相册管理中上传图片
  2. 复制上传后的图片 URL
  3. 在编辑器中插入该 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%