创作 — 环境和工具

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

管理您的站点

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

例如，列视图：

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

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

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

注意

这适用于特定资源和组件类型。参见使用资产浏览器插入组件了解更多详细信息。

在资源浏览器的顶部工具栏中，您可以通过以下方式筛选资源：

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

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

注意

在宽度小于 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