页面编辑器
用可视化页面编辑器创建页面、拖放和排列区块、预览各种屏幕尺寸，并保存和发布。
页面编辑器是组装页面的地方：把区块拖到画布上，在实时预览中编辑，然后保存。
创建页面
- 进入 管理后台 → 页面，点击 新建页面。
- 选择页面类型：
- CMS 页面 —— 可视化区块编辑器，大多数页面都用它。
- HTML 页面 —— 粘贴或导入原始 HTML。
- TypeScript 页面 —— 手写 React
page.tsx（面向开发者）。
- 填写 标题 和 Slug，点击 创建页面，编辑器随即打开。
以后要继续编辑，在页面列表中该页面所在行点击 打开编辑器 即可。
编辑器概览
- 左侧 —— Add / Library。 Add 列出所有区块类型，可用 Search blocks… 搜索或按分类（Layout、Text、Media、Interactive 等）筛选。Library 存放你保存的可复用区块。下方的 Layers 面板显示页面的区块树。
- 中间 —— 画布。 即访客看到的页面。
- 右侧 —— 属性。 所选区块的设置。
- 顶部工具栏。 撤销和重做、Desktop / Tablet / Mobile 视图、Preview、Revision history、翻译、Save as Template 和 Use AI。
添加和排列区块
- 从 Add 把区块 拖到 画布上，或拖进容器、分栏区块中进行嵌套，嵌套层级不限。
- 点击 区块即可选中，在右侧编辑其文字、颜色和间距，更改会即时预览。
- 用 Layers 选中不易点到的区块，并查看页面的嵌套结构。
- 容器区块提供 Select All Children，方便整组复制或删除。
不同屏幕尺寸
在工具栏中切换 Desktop、Tablet（768px）和 Mobile（390px）。在平板或手机视图中做的样式更改只作用于该屏幕尺寸，例如可以让分栏在手机上纵向排列，而不影响桌面布局。
画布模式
Canvas mode 开关决定区块的定位方式。关闭时（默认），区块按正常页面流依次排列；开启后，可以在画布上自由摆放区块。两种模式共用同一套区块、区块面板和 Layers 面板。
键盘快捷键
| 按键 | 操作 |
|---|---|
| ⌘/Ctrl + S | 保存 |
| ⌘/Ctrl + Z | 撤销 |
| ⌘/Ctrl + Y 或 ⇧⌘Z | 重做 |
| ⌘/Ctrl + C / V | 复制 / 粘贴所选区块 |
| Delete 或 Backspace | 删除所选区块 |
| Esc | 取消选择 |
保存与发布
保存（或 ⌘/Ctrl + S）会存储你的工作并更新线上页面。每次保存也会记入 Revision history，方便回退。
访客能否看到页面取决于它的 状态，可在页面列表的 编辑设置 中设置：
- 草稿 —— 只有已登录的管理员能看到。
- 已完成 —— 页面已在其网址上发布。
小贴士
- 在区块属性中点击锁定按钮，可防止误改。
- 用 Preview 在没有选中框的情况下检查页面。
- 一个板块做好后保存到 Library，即可在各处复用——参见《可复用区块与模板》。