访问和导航通用编辑器 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

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与多个组织关联,请选择切换到其他组织。

组织指示器

解决方案 solutions

点按或单击解决方案切换器可快速跳转到其他 Experience Cloud 解决方案。

解决方案切换器

帮助 help

可使用帮助图标快速访问学习和支持资源。

帮助

通知 notifications

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

通知

用户属性 user-properties

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

用户属性

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

Universal Editor工具栏始终出现在屏幕顶部Experience Cloud标题的正下方。它为您提供了快速访问权限,以便导航到另一个页面进行编辑以及发布当前页面。

通用编辑器工具栏

“主页”按钮 home-button

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

汉堡菜单

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

起始页

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

位置栏 location-bar

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

位置栏

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

身份验证标头设置 authentication-settings

如果需要设置自定义身份验证标头以进行本地开发,请选择身份验证标头设置图标。

身份验证标题设置按钮

模拟器设置 emulator

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

“模拟器”图标

点按或单击模拟图标将显示选项。

模拟选项

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

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

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

预览模式 preview-mode

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

预览模式

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

打开应用程序预览 open-app-preview

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

打开应用程序预览

TIP
使用热键o(字母o)打开应用程序预览。
TIP
可以自定义应用的预览URL。

发布 publish

选择“发布”按钮,以便将更改发布到实时内容以供读者使用。

“发布”按钮

TIP
有关使用 Universal Editor 发布内容的更多信息,请参阅文档使用 Universal Editor 发布内容

省略号 ellipsis

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

省略号按钮

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

其他按钮 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 从容器中删除选定的组件。

其他按钮 additional-properties-rail-buttons

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

后续步骤 next-steps

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

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