访问和导航通用编辑器 navigating
了解访问和导航通用编辑器的基础知识。
简介 introduction
Universal Editor 支持在任意实施中编辑任何内容的任何方面,以提供卓越的体验,提升内容速度并提供最先进的开发人员体验。
为此,Universal Editor 为内容作者提供了一个直观的 UI,只需少量培训即可开始编辑内容。本文档介绍如何导航通用编辑器。
- 有关使用通用编辑器创作的详细信息,请参阅文档使用通用编辑器创作内容。
- 有关 Universal Editor 的更详细介绍,请参阅文档 Universal Editor 简介。
准备应用程序 prepare-app
要使用 Universal Editor 为应用程序创作内容,应用程序必须由开发人员进行检测以支持编辑器。
访问通用编辑器 accessing
一旦检测到应用程序可以使用通用编辑器,则可在AEM as a Cloud Service内部直接访问通用编辑器,而无需访问AEM。
在AEM as a Cloud Service中访问 accessing-aem
- 登录您的AEM as a Cloud Service创作实例。
- 使用站点 控制台导航到为与要编辑的通用编辑器一起使用而创建的页面。
- 编辑页面。
- 将打开通用编辑器以编辑选定的页面。
直接访问 accessing-directly
-
登录通用编辑器。 您需要Adobe ID才能登录,才能访问通用编辑器。
-
登录后,将要编辑的页面的 URL 输入到地址栏,以便您可以开始编辑文本内容或媒体内容等内容。
了解 UI ui
UI分为以下几个主要区域。
Experience Cloud 标题 experience-cloud-header
Experience Cloud 标题始终显示在屏幕顶部。它是一个锚点,可让您知道您在 Experience Cloud 中的位置,并帮助您导航到其他 Experience Cloud 应用程序。
Experience Manager experience-manager
选择标题左侧的 Adobe Experience Cloud 链接可导航到 Experience Manager 解决方案的根来访问工具,例如 Cloud Manager、Cloud Acceleration Manager 和 Software Distribution。
组织 organization
这将显示您当前登录的组织。如果您的Adobe ID与多个组织关联,请选择切换到其他组织。
解决方案 solutions
点按或单击解决方案切换器可快速跳转到其他 Experience Cloud 解决方案。
帮助 help
可使用帮助图标快速访问学习和支持资源。
通知 notifications
此图标带有一个标记,显示当前分配的未完成通知的数量。
用户属性 user-properties
选择代表用户的图标来访问用户设置。如果您尚未配置用户图片,系统会随机分配一个图标。
通用编辑器工具栏 universal-editor-toolbar
Universal Editor工具栏始终出现在屏幕顶部Experience Cloud标题的正下方。它为您提供了快速访问权限,以便导航到另一个页面进行编辑以及发布当前页面。
“主页”按钮 home-button
使用主页按钮可返回到通用编辑器的起始页
在起始页上,您可以输入要用通用编辑器编辑的站点的URL。
位置栏 location-bar
位置栏为您显示正在编辑的页面的位置。选择可输入另一个要编辑的页面的地址。
l
(字母l)打开地址栏。身份验证标头设置 authentication-settings
如果需要设置自定义身份验证标头以进行本地开发,请选择身份验证标头设置图标。
模拟器设置 emulator
选择模拟图标以定义通用编辑器呈现页面的方式。
点按或单击模拟图标将显示选项。
默认情况下,编辑器会在桌面布局中打开,其中高度和宽度由浏览器自动定义。
您还可选择模拟移动设备并在 Universal Editor 中:
- 定义其方向
- 定义宽度和高度
- 更改方向
预览模式 preview-mode
在预览模式中,编辑器中呈现的页面与在您发布的服务上看到的一样。这允许内容作者通过单击链接等来导航内容。
p
切换到预览模式或从预览模式切换。打开应用程序预览 open-app-preview
选择打开应用程序预览图标可在自身浏览器选项卡中打开您当前编辑的页面,无需编辑即可预览您的内容。
o
(字母o)打开应用程序预览。发布 publish
选择“发布”按钮,以便将更改发布到实时内容以供读者使用。
省略号 ellipsis
使用省略号按钮可访问其他标准选项。
例如,可通过省略号按钮访问取消发布页面的功能(即反向Publish 按钮的操作)。
其他按钮 additional-toolbar-buttons
通用编辑器提供了可自定义且可扩展的创作体验。 如果您在工具栏中看到其他按钮,则表示您的通用编辑器已扩展。
- 有关扩展可能性的详细信息,请参阅自定义和扩展通用编辑器。
- 有关单个扩展如何工作的详细信息,请参阅Extension Manager文档。
编辑器 editor
编辑器占据窗口的大部分区域,并在其中呈现在地址栏中指定的页面。
如果编辑器处于预览模式下,则可在内容中导航并可访问链接,但无法编辑内容。
属性面板 properties-rail
属性面板始终显示在编辑器的右侧。 根据其模式的不同,它可显示在内容中选择的某个组件或页面内容的层次结构的详细信息。
属性模式 properties-mode
在属性模式中,面板显示编辑器中当前选定组件的属性。 这是加载页面时属性面板的默认模式。
根据您选择的组件类型,可以在属性面板中显示和修改详细信息。
并非所有组件都具有可以显示和/或编辑的详细信息。
d
可切换到属性模式。内容树模式 content-tree-mode
在内容树模式下,面板会显示页面内容的层次结构。
在内容树中选择某个项目时,编辑器将滚动到该内容并将其选定。
f
可切换到内容树模式。在 CF 编辑器中打开 edit
编辑时,所选组件的选项将显示在属性面板中,您可以在该面板中编辑所选组件。 如果选定的组件是内容片段,您还可以选择 在CF编辑器中打开 按钮。
点击或单击 在CF编辑器中打开 按钮将在新选项卡中打开内容片段编辑器。 这允许您完全访问内容片段编辑器以编辑关联的内容片段。
根据工作流的需求,您可能需要在通用编辑器中或直接在内容片段编辑器中编辑内容片段。
e
在内容片段编辑器中打开选定的内容片段。添加 add
如果在内容树或编辑器中选择容器组件,则属性面板上会显示添加选项。
点击或单击“添加”按钮将打开一个可用组件的下拉菜单添加到选定的容器。
a
将组件添加到选定的容器组件。复制 duplicate
如果在内容树或编辑器中选择容器组件中的组件,则“属性”面板上会显示复制选项。
点击或单击重复按钮将复制选定的组件。
删除 delete
如果在内容树或编辑器中选择容器组件中的组件,则属性面板上会显示删除选项。
点击或单击删除按钮删除该组件。
Shift+Backspace
从容器中删除选定的组件。其他按钮 additional-properties-rail-buttons
通用编辑器提供了可自定义且可扩展的创作体验。 如果在属性面板中看到其他按钮,则表示已扩展通用编辑器。
- 有关扩展可能性的详细信息,请参阅自定义和扩展通用编辑器。
- 有关单个扩展如何工作的详细信息,请参阅Extension Manager文档。
后续步骤 next-steps
现在您已经知道如何访问和导航通用编辑器,您可以使用该编辑器创作内容了。