创作 — 环境和工具

AEM 的创作环境提供了各种可用于组织和编辑内容的机制. 可以从各种控制台和页面编辑器访问提供的工具。

管理您的站点

此站点通过console，您可以使用标题栏、工具栏、操作图标（适用于所选资源）、痕迹导航以及辅助边栏（例如时间轴和引用）来导航和管理您的网站。

例如，列视图：

ateat-01

编辑页面内容

您可以使用页面编辑器来编辑页面。例如：

https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html

ateat-02

注意

首次打开页面进行编辑时，系统会提供一系列幻灯片，让您了解各个功能。

如果不想浏览，可以跳过；如果想重新浏览，可以随时从页面信息菜单中进行选择。

访问帮助

在编辑页面时，帮助可从以下位置访问：

该 页面信息 选择器；这将显示幻灯片介绍（在您第一次访问编辑器时显示）。
该配置用于特定组件的对话框(使用问号(？) 图标)；这将显示上下文相关的“帮助”。

其他与帮助相关的资源可以从控制台中访问。

组件浏览器

组件浏览器会显示当前页面上可用的所有组件。这些组件可拖动至相应的位置，然后进行编辑以添加您的内容。

组件浏览器是侧面板中的一个选项卡（侧面板中还有资源浏览器和内容树）。要打开（或关闭）侧面板，请使用工具栏左上角的图标：

ateat-03

打开侧面板时，它从左侧滑开(选择组件选项卡)。打开后，您可以浏览所有可用于页面的组件。

实际外观和操作取决于您所使用的设备类型：

注意

系统能够检测到宽度小于 1024 像素的移动设备。这种情况也可能出现在较小的桌面窗口中。

移动设备（例如 iPad）

组件浏览器完整覆盖了编辑的页面。

要将组件添加到页面，请触控并按住所需的组件，并将其向右移动 — 组件浏览器关闭以再次显示页面 — 您可以在其中放置组件。
桌面设备

将在窗口左侧打开组件浏览器。

要将组件添加到页面，请单击所需的组件，然后将其拖动到所需的位置。

组件通过以下形式来表示
- 组件名称
- 组件组（灰色）
- 图标或缩写
  - 标准组件的图标是单色的。
  - 缩写始终由组件名称的前两个字符组成。
从顶部工具栏的组件浏览器中，您可以执行以下操作：
- 按名称筛选组件。
- 使用下拉选择框将显示内容限定为特定组。
有关组件的更多详细说明，您可以单击或点按组件浏览器（如果可用）中组件旁边的信息图标。例如，对于布局容器：

有关可供您使用的组件的更多信息，请参阅组件控制台.

资源浏览器

资源浏览器会显示当前页面上可直接使用的所有资源。

资产浏览器是侧面板中的一个选项卡，侧面板中还包含组件浏览r和内容树. 要打开或关闭侧面板，请使用工具栏左上角的图标：

ateat-03-1

打开侧面板时，它从左侧滑开。选择资产选项卡（如有必要）。

ateat-07

当资产浏览器打开时，您可以浏览页面可用的所有资产。如果需要，可使用无限滚动展开列表。

ateat-08

要向页面添加资源，请选择资源并将其拖动到所需的位置。可以添加的资源包括：

相应类型的现有组件。
- 例如，可以将图像类型的资源拖动到图像组件上。
A 占位符在段落系统中创建相应类型的组件。
- 例如，可以将图像类型的资源拖动到段落系统中，以创建图像组件。

注意

此功能适用于特定资源和组件类型。有关更多详细信息，请参阅使用资源浏览器插入组件。

从资源浏览器的顶部工具栏中，可以按以下条件筛选资源：

名称
路径
资产的类型，如图像、手稿、文档、视频、页面、段落和产品
资产特征，如方向（纵向、横向、正方形）和样式（颜色、单色、灰度）
- 仅适用于某些资源类型

实际外观和操作取决于您所使用的设备类型：

注意

在宽度小于 1024 像素时将视为检测到移动设备，这种情况也可能出现在较小的桌面窗口中。

移动设备，如iPad

资源浏览器完全覆盖了所编辑的页面。

要将资源添加到页面，请触控并按住所需资源，然后将其向右移动 — 资源浏览器关闭以再次显示页面，您可以在其中将资源添加到所需组件。
桌面设备

将在窗口左侧打开资源浏览器。

要将资源添加到页面，请单击该资源，然后将其拖动到所需的组件或位置。

如果您必须快速更改资产，则可以启动资产编辑器直接从资产浏览器中，单击资产名称旁边显示的编辑图标。

资产浏览器桌面设备

内容树

此 内容树 以层次结构概览页面上的所有组件，以便您一眼就能看到页面的构成方式。

内容树是侧面板中的一个选项卡（侧面板中还有组件浏览器和资源浏览器）。要打开或关闭侧面板，请使用工具栏左上角的图标：

内容树

打开侧面板时，它会（从左侧）滑开。根据需要选择内容树选项卡。打开该选项卡后，您会看到页面或模板的树视图表现形式，以便您更方便地了解其内容的层次构成方式。此外，在复杂的页面上，还可以更轻松地在页面的组件之间跳转。

ateat-11

页面可以由许多相同类型的组件轻松组成，因此内容（组件）树会在组件类型名称（黑色）之后显示描述性文本（灰色）。描述性文本来自组件的常见属性，例如标题或文本。

组件类型会以用户语言显示，而组件描述文本将来自页面语言。

单击组件旁边的V形标记可折叠或展开该级别。

screen_shot_2018-03-22at142559

注意

如果您正在浏览器宽度小于 1024 像素的移动设备上编辑页面，则内容树将不可用。

单击组件会在页面编辑器中突出显示组件。可用的操作取决于页面状态：

例如，基本页面：

https://localhost:4502/editor.html/content/we-retail/language-masters/en/equipment.html

如果单击树中的组件可编辑，则名称右侧将显示一个扳手图标。单击此图标将打开组件的“编辑”对话框。
或属于某个页面的活动副本，其中组件继承自其他页面；例如：

https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html