导航 AEM Forms 的通用编辑器界面
通用编辑器提供了一个可视界面，用于通过 Edge Delivery Services 创建 AEM Forms。它提供一种 所见即所得 (WYSIWYG) 的体验，可以准确显示您的表单如何显示给用户。
本指南可帮助您了解该界面，以有效构建表单。无论您是表单构建新手还是经验丰富的开发人员，本指南都将帮助您：
了解基本技能：
- 充满信心地高效导航界面
- 使用适当的工具完成常见的表单构建任务
- 使用键盘快捷键提高工作效率
- 解决常见的界面问题
主要工作流：
- 设置您的工作区，以达到最佳工作效率
- 从设计理念到发布的整个表格构建
- 跨设备测试和预览表单
- 与团队成员协作，完成表单项目
快速入门
首次使用者： 从基本工具开始了解您将最常用到的核心功能。
经验丰富的用户： 跳至高级功能，了解专门的工具和集成。
界面概述
通用编辑器界面分为四个主要区域，每个区域都专门用于特定的任务：
界面流程： 大多数用户主要在 编辑器画布（D）和 属性面板（C）中工作，使用 工具栏（B）执行预览和发布等操作。
表单构建的基本工具
如果您是使用通用编辑器的新手，请从这里开始。这些是您在大多数表单构建任务中会用到的核心工具：
1. 编辑器画布 - 您的主要工作区
编辑器画布 是您以可视化方式构建表单的地方。它准确地展示了您的表单将如何显示给用户。
关键操作：
- 添加组件：点击属性面板中的 添加 按钮
- 选择元素：在画布上直接点击需要的元素
- 配置组件时 查看实时变化
- 在预览模式下 测试交互情况
2。属性面板 - 配置您的组件
属性面板（右侧）是您自定义选定组件和管理表单结构的地方。
主要功能：
- 属性模式（
d快捷键）- 配置选定的组件设置 - 内容树（
f快捷键）- 导航表单结构 - 添加组件（
a快捷键）- 插入新的表单字段 - 组件操作 - 复制或删除选定的元素
3. 工具栏概要 - 预览和发布
通用编辑器工具栏 提供了用于测试和发布表单的关键操作。
必须了解的工具：
- 预览模式（
p快捷键）- 按照用户将看到的情况测试您的表单 - 响应模式 - 检查您的表单在移动设备上的显示情况
- 打开页面（
o快捷键）- 在新选项卡中查看表单 - 发布 - 将表单上线，让用户访问
4. 快速入门工作流
为您的第一个表单：
- 添加自适应表单组件——将
Adaptive Form组件插入到某个部分。 - 开始构建 - 通过 添加 按钮 (
a) 添加组件 - 配置字段 - 选择组件，使用 属性模式 (
d) - 测试您的表单 - 使用 预览模式 (
p) 与您的表单进行交互 - 检查移动设备视图 - 切换到 响应模式 进行移动设备测试
- 上线 - 准备就绪后，点击 发布
验证检查点：
- 您可以添加和配置表单字段吗？
- 预览模式是否正常工作？
- 是否正确设置了所有必填字段？
- 表单在移动设备上是否正常显示？
Experience Cloud 标题
Experience Cloud 标题 提供导航和帐户管理工具。大多数表单构建者偶尔会使用它在 Adobe 工具之间切换或者访问帮助功能。
关键元素：
最常见的用途：
- 获取帮助 - 点击“帮助”图标获取文档和支持
- 切换组织 - 如果您拥有多组织访问权限，请使用“组织”下拉列表
通用编辑器工具栏
通用编辑器工具栏 包含主要的表单编辑和发布工具。这些工具按照使用频率和典型工作流排列。
日常工作流工具
大多数表单构建过程中都要使用这些工具：
预览模式（p 快捷键）
用途： 按照用户体验准确测试表单
何时使用： 发布前和更改后，用于测试表单功能
最佳做法： 每次重大更改后进行预览，以便尽早发现问题。
响应式模式
用途： 检查表单在移动设备上的显示情况
何时使用： 表单构建之后，发布之前
最佳做法： 始终测试移动设备视图 - 许多用户会在手机上访问表单。
打开页面（o 快捷键）
用途： 在新选项卡中查看表单，无需编辑器界面
何时使用： 用于全屏测试，与利益相关者共享以进行审阅
发布
用途： 将您的表单上线，让用户访问
何时使用： 在预览和响应模式下进行全面测试之后
发布前的验证清单：
- 已在预览模式下测试了表单
- 已验证移动设备上的响应能力
- 配置了所有必填字段
- 提交操作正常运行
导航工具
主页按钮
用途： 返回到通用编辑器开始页面
何时使用： 开始在另一个表单上工作
位置栏（l 快捷键）
用途： 通过 URL 直接导航到任何表单
何时使用： 在特定表单之间快速切换
高级配置工具
这些工具用于一些特定场景或高级设置：
AEM 表单属性
用途： 配置表单级设置，如表单数据模型 (FDM)、提交操作以及发布日期。
何时使用： 设置数据集成、安排发布时间
表单属性面板包括以下分区：
-
提交：定义用户提交表单后会发生什么。从多种提交操作中选择一种，例如通过电子邮件发送数据、提交给 SharePoint、使用表单数据模型或者与 Adobe Experience Platform 或 Microsoft Power Automate 等服务集成。有关受支持的提交操作的完整列表，请参阅提交操作文章。
-
预填充：配置在用户与表单交互之前如何自动填充表单字段。您可以连接到表单数据模型 (FDM) 等数据源，或者使用 URL 参数预填充字段，从而增强用户体验，减少手动输入。要了解更多信息，请参阅预填充服务文章。
-
感谢消息：自定义用户提交表单后看到的内容。您可以显示一条确认消息或将用户重定向到另一个网页，以确保顺畅、专业的表单完成体验。要了解如何配置表单的感谢消息，请参阅配置感谢消息文章。
规则编辑器（早期访问）
用途： 添加动态行为、验证和条件逻辑
何时使用： 创建具有复杂业务逻辑的交互式表单
身份验证标头设置
用途： 设置自定义身份验证标头，用于开发测试
何时使用： 本地开发需要身份验证的表单时
附加选项（省略号菜单）
用途： 访问不太常用的操作，例如取消发布
何时使用： 将表单离线，访问高级选项
属性面板
属性面板（右侧）是您构建和配置表单的控制中心。它会根据您的选择而变化，为不同的任务提供不同的工具。
核心表单构建工具
这些工具对于创建和组织表单至关重要：
添加组件（a 快捷键）
用途： 插入新的表单字段和元素
方式： 显示选定容器的可用组件
常用组件：
- 文本输入、电子邮件、电话字段
- 下拉菜单、单选按钮、复选框
- 文件上传、日期选取器
- 用于组织内容的面板和分区
属性模式（d 快捷键）
用途： 配置选定组件的设置
何时使用： 在添加任何组件之后，用于自定义其行为
关键设置：
- 字段标签和占位符文本
- 验证规则（必填项、格式、长度）
- 默认值和帮助文本
- 有条件的可见性规则
内容树（f 快捷键）
用途： 导航和组织您的表单结构
何时使用： 包含多个分区的复杂表单，用于查找特定组件
优势：
- 快速导航至任何组件
- 视觉上的表单层级结构
- 轻松地将元素重新排序
组件操作
用途： 管理现有组件
可用的操作：
- 复制 - 快速复制组件
- 删除 - 删除组件（无确认提示）
高级功能和集成
这些工具可实现复杂的表单功能：
数据源
用途： 将表单与后端数据系统连接
何时使用： 需要读取/写入数据库或外部服务的表单
功能：
- 表单数据模型（FDM）配置
- 动态数据填充
- 提交至外部系统
生成变体
用途： 使用 AI 创建不同版本的表单内容
何时使用： 试验不同的文本、布局或方法
| code language-none |
|---|
|
了解详情：生成变体指南
内容草稿
用途： 创建并保存初版文本
何时使用： 迭代表单副本，保存替换文本选项
A/B 测试
用途： 比较不同的表单变体，以优化性能
何时使用： 优化转化率，测试不同的设计
试验
用途： 对不同的表单设计进行控制测试
何时使用： 以数据驱动方法优化表单，测试用户体验
| code language-none |
|---|
|
任务管理
用途： 为表单项目组织团队工作流
何时使用： 多人表单开发，项目跟踪
个性化
用途： 与 Adobe Experience Platform 连接，以获得定制体验
何时使用： 根据用户数据创建个性化表单
| code language-none |
|---|
|
编辑器画布
编辑器画布 是您以可视化方式构建表单的主要工作区。它准确地展示了您的表单将如何显示给用户，并在您进行更改时提供实时反馈。
主要功能：
- 所见即所得编辑方法 - 您做的更改可以立即看到
- 直接交互 - 点击任意组件即可选择并编辑该组件
- 实时预览 - 切换到预览模式以测试功能
- 自适应显示 - 切换设备视图，以检查移动设备兼容性
最佳做法：
- 从结构开始 - 在详细说明组件之前添加主要分区
- 经常测试 - 定期使用预览模式，及早发现问题
- 优先考虑移动设备 - 在整个设计过程中总是检查响应模式
键盘快捷键
掌握这些快捷键可以更快、更高效地构建表单：
adfpol专业提示： 组合使用这些快捷键 - 例如选择一个组件，按下 d 进行配置，然后按下 p 测试更改。
常用工作流
创建您的第一个表单
- 添加结构 - 使用
a为表单分区添加面板 - 添加字段 - 插入文本输入、电子邮件和其他组件
- 配置属性 - 选择每个字段，然后按下
d设置标签并进行验证 - 测试功能 - 按下
p预览并测试表单 - 检查移动设备视图 - 使用响应模式验证移动设备上的显示
- 发布 - 上线准备就绪后，点击“发布”
编辑现有的表单
- 导航结构 - 使用内容树 (
f) 快速查找组件 - 选择并更改 - 直接点击组件或使用内容树
- 测试更改 - 每次重大更改后进行预览 (
p) - 验证工作流 - 在重新发布之前测试完整的表单流程
与团队协作
- 使用任务管理 - 将特定的表单分区分配给团队成员
- 分享以供审阅 - 使用“打开页面”(
o) 分享简洁的预览 - 一起测试 - 为协作测试会话使用预览模式
- 跟踪进度 - 查看任务更新通知
常见问题排查
界面问题
问题： 工具栏按钮、属性面板或其他界面元素未显示
解决办法：
- 刷新页面 - 浏览器刷新的简单方法通常可以解决加载问题
- 检查浏览器兼容性 - 使用 Chrome、Firefox 或 Safari
- 清理浏览器缓存 - 移除可能已过期的缓存文件
- 验证权限 - 确保您拥有适当的表单编辑权限
问题： 无法选择组件或属性面板不更新
解决办法：
- 直接点击组件 - 避免点击空白区域
- 使用内容树 - 按下
f并从树中选择组件 - 检查重叠元素 - 某些组件可能阻碍了其他组件
- 重新加载表单 - 使用位置栏 (
l) 重新加载当前表单
问题： 预览模式无法正常工作或显示错误
解决办法：
- 检查表单验证 - 确保已正确配置了所有必填字段
- 首先在编辑模式中测试 - 在预览之前验证组件是否正常工作
- 清理浏览器缓存 - 缓存的脚本可能会影响预览
- 检查组件配置 - 检查属性模式设置是否错误
高效构建表单的最佳做法
组织性建议
- 使用描述性名称 - 在属性模式中清晰地标记组件
- 将相关字段分组 - 使用面板，按逻辑组织表单分区
- 构建前先规划 - 开始前先草拟表单结构
- 保持简洁 - 避免使用过多的字段让用户感到不知所措
用户体验
- 经常测试 - 每次进行重大更改后都使用预览模式
- 从用户的角度思考 - 考虑完整的表单填写体验
- 提供清晰的标签 - 使用户能够清楚了解字段的用途
- 添加帮助文本 - 为复杂字段使用帮助文本
性能优化
- 最小化组件 - 仅使用必要的表单字段
- 优化图像 - 压缩表单中使用的所有图像
- 在移动设备上测试 - 确保在较慢的移动设备连接上也能获得良好的性能
- 尽早验证 - 设置适当的验证，防止提交错误
后续步骤
现在您已了解通用编辑器界面：
请记住： 通用编辑器旨在以更直观的方式构建表单。从基本功能开始，随着您的需求增加，逐步探索高级功能。