访问和导航通用编辑器 navigating

了解访问和导航通用编辑器的基础知识。

简介 introduction

Universal Editor 支持在任意实施中编辑任何内容的任何方面,以提供卓越的体验,提升内容速度并提供最先进的开发人员体验。

为此,Universal Editor 为内容作者提供了一个直观的 UI,只需少量培训即可开始编辑内容。本文档介绍如何导航通用编辑器。

TIP

准备应用程序 prepare-app

要使用 Universal Editor 为应用程序创作内容,应用程序必须由开发人员进行检测以支持编辑器。

TIP
请参阅 AEM Universal Editor 快速入门,查看有关如何配置 AEM 应用程序以使用 Universal Editor 的示例。

访问通用编辑器 accessing

一旦检测到应用程序可以使用通用编辑器,则可在AEM as a Cloud Service内直接访问通用编辑器,而无需访问AEM。

在AEM as a Cloud Service中访问 accessing-aem

  1. 登录您的AEM as a Cloud Service创作实例。
  2. 使用​站点 ​控制台导航到为与要编辑的通用编辑器一起使用而创建的页面。
  3. 编辑页面。
  4. 将打开通用编辑器以编辑选定的页面。
NOTE
在​站点 ​控制台中编辑页面时,控制台将打开适用于该页面的模板的编辑器,可以是本文档中描述的通用编辑器,也可以是页面编辑器

直接访问 accessing-directly

  1. 登录通用编辑器。 您需要Adobe ID才能登录,才能访问通用编辑器

  2. 登录后,在位置栏中输入要编辑的页面的URL,以便开始编辑文本内容或媒体内容等内容。

了解 UI ui

UI分为以下几个主要区域。

Universal Editor UI

TIP
通用编辑器提供了许多自定义选项扩展点,它们可以修改并添加到编辑器的功能中。 因此,您可能会看到不同于此处记录的标准选项。

Experience Cloud 标题 experience-cloud-header

Experience Cloud 标题始终显示在屏幕顶部。它是一个锚点,可让您知道您在 Experience Cloud 中的位置,并帮助您导航到其他 Experience Cloud 应用程序。

Experience Cloud 标题

Experience Manager experience-manager

选择标题左侧的Adobe Experience Cloud链接可导航到Experience Manager解决方案的根目录以访问诸如Cloud ManagerCloud Acceleration ManagerSoftware Distribution之类的工具。

“全局导航”按钮

组织 organization

这将显示您当前登录的组织。如果您的Adobe ID与多个组织关联,请选择切换到其他组织。

组织指示器

帮助中心 help

通过帮助中心图标,可快速访问学习和支持资源。

帮助

通知 notifications

此图标带有一个标记,显示当前分配的未完成通知的数量。

通知

应用程序 solutions

通过点按或单击应用程序切换器,可快速跳转到其他Experience Cloud解决方案。

应用程序切换器

帐户 user-properties

选择代表您的用户的图标以访问您的帐户设置。 如果您尚未配置用户图片,系统会随机分配一个图标。

用户属性

通用编辑器工具栏 universal-editor-toolbar

通用编辑器工具栏始终位于屏幕顶部Experience Cloud标题的正下方。 通过它,可快速导航到其他页面以编辑和发布当前页面。

根据程序的配置,它还可以显示管理员已作为扩展启用的其他功能。

通用编辑器工具栏

“主页”按钮 home-button

使用主页按钮可返回到通用编辑器的起始页

汉堡菜单

在起始页上,您可以输入要用通用编辑器编辑的站点的URL。

起始页

NOTE
要使用通用编辑器编辑的任何页面都必须进行检测以支持通用编辑器

快速链接 ​部分为您提供帮助资源,最近访问 ​部分为您最近使用通用编辑器打开的页面提供链接。

位置栏 location-bar

位置栏为您显示正在编辑的页面的位置。选择可输入另一个要编辑的页面的地址。

位置栏

TIP
使用热键l(字母l)打开地址栏。
NOTE
要使用通用编辑器编辑的任何页面都必须进行检测以支持通用编辑器

“撤消”和“重做” undo-redo

选择“撤消”或“重做”按钮以撤消或重做编辑器中上一次的编辑。 有关详细信息,请参阅文档使用通用编辑器创作内容

撤消图标
重做图标

TIP
使用热键Command-ZShift-Command-Z分别撤消或重做。

身份验证标头 authentication-settings

如果需要设置自定义身份验证标头以用于本地开发目的,请选择身份验证标头图标

身份验证标头设置按钮

响应式模式 emulator

选择响应模式图标以定义通用编辑器呈现页面的方式。

响应模式图标

点按或单击响应模式图标会显示选项。

响应模式选项

默认情况下,编辑器会在桌面布局中打开,其中高度和宽度由浏览器自动定义。

您还可选择模拟移动设备并在 Universal Editor 中:

  • 定义其方向
  • 定义宽度和高度
  • 更改方向

预览 preview-mode

在预览模式中,编辑器中呈现的页面与在您发布的服务上看到的一样。这允许内容作者通过单击链接等来导航内容。

预览模式

TIP
使用热键p切换到预览模式或从预览模式切换。

打开页面 open-page

选择打开页面图标可在自身浏览器选项卡中打开您当前编辑的页面,无需编辑即可预览您的内容。

打开应用程序预览

TIP
使用热键o(字母o)打开应用程序预览。
TIP
可以自定义应用的预览URL
NOTE
可以禁用打开页面按钮🔗,因此该按钮可能不会显示在您的编辑器中。

发布 publish

选择“发布”按钮,以便将更改发布到实时内容以供读者使用或预览环境以供审阅。

“发布”按钮

TIP
有关使用 Universal Editor 发布内容的更多信息,请参阅文档使用 Universal Editor 发布内容
NOTE
发布按钮可以禁用,因此可能不会显示在您的编辑器中。

省略号 ellipsis

使用省略号按钮可访问其他标准选项。

省略号按钮

例如,可以通过省略号按钮访问取消发布页面的功能(即反向​发布 ​按钮的操作)。

其他按钮 additional-toolbar-buttons

通用编辑器提供了可自定义且可扩展的创作体验。 如果您在工具栏中看到其他按钮,则表示您的通用编辑器已扩展。

编辑器 editor

编辑器占据窗口的大部分区域,并在其中呈现在地址栏中指定的页面。

编辑器

如果编辑器处于预览模式,则内容将可导航,您可以关注链接,但无法编辑内容。

属性面板 properties-rail

属性面板始终显示在编辑器的右侧。 根据其模式的不同,它可显示在内容中选择的某个组件或页面内容的层次结构的详细信息。

属性面板

根据程序的配置,它还可以显示管理员已作为扩展启用的其他功能。

属性模式 properties-mode

在属性模式中,面板显示编辑器中当前选定组件的属性。 这是加载页面时属性面板的默认模式。

属性模式

根据您选择的组件类型,可以在属性面板中显示和修改详细信息。

组件详细信息

并非所有组件都具有可以显示和/或编辑的详细信息。

TIP
使用热键 d 可切换到属性模式。

内容树模式 content-tree-mode

在内容树模式下,面板会显示页面内容的层次结构。

内容树模式

  • 在内容树中选择某个项目时,编辑器将滚动到该内容并将其选定。
  • 双击内容树中的项时,编辑器将滚动到该内容并选择它,同时在属性模式下打开关联的属性。

内容树

TIP
使用热键 f 可切换到内容树模式。
在 CF 编辑器中打开 edit

编辑时,所选组件的选项将显示在属性面板中,您可以在该面板中编辑所选组件。 如果选定的组件是内容片段,您还可以选择​ 在CF编辑器中打开 ​按钮。

在CF编辑器中打开图标

点击或单击​ 在CF编辑器中打开 ​按钮将在新选项卡中打开内容片段编辑器。 这允许您完全访问内容片段编辑器以编辑关联的内容片段。

根据工作流的需求,您可能需要在通用编辑器中或直接在内容片段编辑器中编辑内容片段。

TIP
使用热键e在内容片段编辑器中打开选定的内容片段。
添加 add

如果在内容树或编辑器中选择容器组件,则属性面板上会显示添加选项。

添加图标

点击或单击添加按钮会打开一个下拉菜单,其中包含可供添加到选定容器的组件。

添加上下文菜单

TIP
使用热键a将组件添加到选定的容器组件。
复制 duplicate

如果在内容树或编辑器中选择容器组件中的组件,则“属性”面板上会显示复制选项。

图标重复

点击或单击重复按钮将复制选定的组件

删除 delete

如果在内容树或编辑器中选择容器组件中的组件,则属性面板上会显示删除选项。

“删除”图标

点击或单击删除按钮可删除组件

TIP
使用热键 Shift+Backspace 从容器中删除选定的组件。
复制并粘贴 copy-paste

您可以复制和粘贴容器中的组件。

复制图标
粘贴图标

TIP
分别使用热键Command-CCommand-V进行复制或粘贴。

有关详细信息,请参阅文档使用通用编辑器创作内容

其他按钮 additional-properties-panel-buttons

通用编辑器提供了可自定义且可扩展的创作体验。 如果在属性面板中看到其他按钮,则表示已扩展通用编辑器。

后续步骤 next-steps

现在您已经知道如何访问和导航通用编辑器,您可以使用该编辑器创作内容

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab