[AEM Sites]{class="badge positive" title="适用于AEM Sites)。"}

使用 Universal Editor 创作内容 authoring

了解内容作者使用 Universal Editor 创建内容是多么轻松和直观。

简介 introduction

通用编辑器支持在任何实施中编辑任何内容的任何方面,因此您可以提供卓越的体验并提高内容速度。

为此,Universal Editor 为内容作者提供了一个直观的 UI,只需少量培训即可开始编辑内容。本文档介绍了 Universal Editor 的创作体验。

NOTE
本文档假设您已熟悉如何访问和导航通用编辑器。 如果没有,请参阅访问和导航通用编辑器。
TIP
有关通用编辑器的更详细介绍,请参阅通用编辑器简介。

编辑内容 editing-content

编辑内容是简单而直观的。当您将鼠标悬停在编辑器中的内容上时,可编辑内容会以浅蓝色的细轮廓和徽章突出显示。

可编辑内容以浅蓝色框突出显示

轻触或单击高亮显示的内容即被选定,薄的浅蓝色轮廓将变为带有徽章的深蓝色轮廓。

选定内容用深蓝色框突出显示

TIP
默认情况下,点击或单击内容会选择进行编辑。 如果要通过以下链接导航内容,请切换到预览模式。

根据您选择的内容,属性面板中可能有不同的就地编辑选项以及内容的其他信息和选项。

上下文菜单 context-menu

每段可编辑内容都标有其内容类型。

您可以单击此徽章以快速访问包含编辑操作的上下文菜单。 右键单击未选定的可编辑项目会自动将其选中,同时会打开上下文菜单。

可编辑的徽章选项

编辑纯文本 edit-plain-text

您可以通过双击或双击组件就地编辑文本。

编辑内容

薄的浅蓝色轮廓将变为深蓝色轮廓以指示选取内容,并且出现光标。 进行更改,然后按Enter/Return或选择文本框外部以保存更改。

选择文本组件后,其详细信息将显示在属性面板中。您还可以在面板中编辑文本。

在属性面板中编辑文本

此外,可在属性面板中找到有关文本的详细信息。 一旦焦点离开属性面板中已编辑的字段,更改将自动保存。

编辑富文本 edit-rich-text

您可以通过双击或双击组件就地编辑文本。

编辑富文本组件

为方便起见,文本上的格式选项和详细信息可在两个位置使用。

富文本上下文菜单 rich-text-context-menu

随即会在富文本块上方打开一个上下文菜单,其中提供了上下文中的基本格式选项。 由于空间限制,某些选项可能隐藏在省略号按钮后面。

富文本上下文菜单

一旦焦点离开已编辑的字段,更改将自动保存。

“属性”面板 properties-rail

属性面板显示选定富文本组件的条目。

属性面板中的 富文本组件

模式编辑器 modal-editor

点按属性面板中的条目以打开模式编辑器,该模式编辑器提供较大的画布以编辑富文本。

富文本编辑对话框

点击或单击​ 取消 ​或​ 完成 ​可分别放弃或保存更改。 您还可以按Esc键保存更改并关闭对话框。

富文本格式选项 formatting-options

通用编辑器的富文本编辑器(RTE)允许作者应用标准文本格式。 以下选项可供使用。

  • 段落样式

    • 段落,h1-h6,代码
  • 粗体

  • 斜体

  • 下划线

  • 删除线

  • 文本颜色

    • 打开调色板,您可以在其中选择颜色或指定十六进制值
    • 仅在模式编辑器中可用,而不在上下文中可用
  • 上标

  • 下标

  • 项目符号列表

    • 使用Tab键缩进,使用Shift+Tab键缩进。
  • 排序列表

    • 使用Tab键缩进,使用Shift+Tab键缩进。
  • 链接

    • 指定URL或使用内容浏览器在AEM中选择路径。
  • 取消链接

    • 从所选文本中删除链接。
  • 图像

  • 表格

    • 使用下拉菜单插入具有选定列数和行数的新表或插入和删除新列/行。
  • 对齐方式

    • 左对齐
    • 居中对齐
    • 右对齐
    • 对齐对齐
  • 从右至左

  • 从左至右

  • 缩进

  • 减少缩进

  • 粘贴为文本

    • 在粘贴到通用编辑器之前,请删除剪贴板上的文本中的格式。
  • 特殊字符

    • 在文本中插入特殊字符。
  • 删除所有格式

    • 从所选文本中删除所有格式设置选项。

根据您的后端,默认可用的选项可能有所不同。 RTE可以配置为根据作者的需要隐藏选项或显示其他选项。 有关详细信息,请参阅文档为通用编辑器配置RTE

编辑媒体 edit-media

您可以在属性面板中查看其详细信息。

编辑媒体

  1. 在属性面板中,点按或单击所选图像的预览。
  2. 资源选择器窗口会打开,以供您选择资源。
  3. 选择以选择新资源。
  4. 选择​ 选择 ​以返回到资产被替换的属性面板。

更改将会自动保存到您的内容中。

编辑内容片段 edit-content-fragment

如果选择内容片段,则可以在属性面板中编辑其详细信息。

编辑内容片段

在选定内容片段的内容模型中定义的字段将在属性面板中显示和编辑。

如果您选择与内容片段相关的字段,则内容片段将在组件面板中加载,并且字段会自动滚动到。

一旦焦点离开属性面板中已编辑的字段,更改将自动保存。

如果要改在内容片段编辑器中编辑内容片段,请点按或单击“属性”面板中的​在CF编辑器中打开​按钮

TIP
使用热键e在内容片段编辑器中编辑选定的内容片段。

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

NOTE
通用编辑器根据模型验证内容片段字段,允许您强制执行数据完整性规则,例如正则表达式模式和唯一性约束。
这可确保您的内容在发布之前满足特定的业务要求。

向容器添加组件 adding-components

  1. 内容树或编辑器中选择容器组件。

    选择要添加到容器的组件

  2. 然后,您可以:

    • 在属性面板中选择​ 添加 ​图标。

      选择“添加”图标

    • 在上下文菜单中选择​ 添加 ​选项。

      从上下文菜单添加

  3. 此时将打开组件选取器对话框。

    • 使用左列可按类别筛选组件,或使用搜索按名称筛选。
    • 单击右列的组件名称以将其插入到容器中。
    • 如果容器中只允许使用一个组件,则会自动插入该组件。
    • 单击选取器外部可取消组件插入。

    组件选取器

该组件被插入到容器中并可以在编辑器中进行编辑。

TIP
使用热键 a 可将组件添加到选定容器。

在容器中复制组件 duplicating-components

  1. 使用内容树或编辑器在容器中选择组件。

  2. 然后,您可以:

    • 在属性面板中选择​ 复制 ​图标。

      选择要添加到容器的组件

    • 从上下文菜单中选择​ 复制 ​选项。

      从上下文菜单复制

该组件将被复制并插入到选定组件的下方。

从容器中删除组件 deleting-components

  1. 内容树或编辑器的容器中选择组件。

  2. 然后,您可以:

    • 在属性面板中选择​ 删除 ​图标。

      删除组件

    • 在上下文菜单中选择​ 删除 ​选项。
      从上下文菜单删除

选定的组件已删除。

TIP
使用热键 Shift+Backspace 可从容器中删除选定组件。

重新排序和移动组件 reordering-components

您可以使用上下文菜单或内容树来移动和重新排序组件。

使用上下文菜单移动组件 move-context-menu

  1. 右键单击组件或单击选定组件的徽章以打开上下文菜单。

  2. 选择所需的移动选项。

    • 移至顶部
    • 上移
    • 下移
    • 移至底部
      在上下文菜单中移动选项

该组件会在编辑器和内容树中移动。

TIP
使用热键Command-UShift-Command-U分别向上或向上移动。
使用热键Command-JShift-Command-J分别向下移动或向下移动。
NOTE
上下文菜单选项只能移动其容器中的组件。 如果您要在容器之间移动组件,请使用内容树。

使用内容树对组件重新排序 reorder-content-tree

  1. 如果尚未处于内容树模式,请切换到它。

  2. 在内容树或编辑器中选择一个容器组件。

  3. 选择容器的V形图标以在内容树中展开其内容。

  4. 拖动容器内组件旁边的手柄图标表明您可以重新排列它们。拖动组件以对它们在容器内重新排序。

    重新排序组件

  5. 拖动的组件在内容树中呈灰显状态,而插入点以蓝线表示。 释放组件以将其放置在新位置。

组件在内容树和编辑器中都会重新排序。

NOTE
如果目标容器组件筛选器允许所选组件,则组件只能在容器之间移动。

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

选择“撤消”或“重做”按钮以撤消或重做编辑器中上一次的编辑。

撤消图标
重做图标

  • 撤销和重做适用于上下文中的编辑、通过“属性”面板进行的编辑,以及添加、复制、移动和删除区块等操作。
  • 撤销与重做功能仅限于当前浏览器会话内使用。
TIP
使用热键Command-ZShift-Command-Z分别撤消或重做。

复制并粘贴 copy-paste

您可以复制和粘贴容器中的组件。仅当目标容器未配置筛选器或筛选器允许粘贴组件时,才可能执行此操作。

复制和粘贴可以位于同一浏览器选项卡上或浏览器选项卡之间,前提是选项卡已打开。 无法复制项目,然后打开新的浏览器选项卡以粘贴该项目。

复制图标
粘贴图标

  1. 在编辑器或内容树中选择组件。

  2. 然后,您可以:

    • 单击​ 属性面板中的 ​复制图标。
      从面板复制
    • 在上下文菜单中选择​ 复制 ​选项。
      从上下文菜单复制
  3. 选择要将复制的组件粘贴到​之后的组件

  4. 然后,您可以:

    • 在属性面板中点击或单击​粘贴
      从面板 粘贴
    • 在上下文菜单中选择​粘贴
      从上下文菜单 粘贴

复制的组件粘贴在​ 之后 ​选定的组件。

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

预览内容 previewing-content

编辑完内容后,您通常需要导航内容以查看它在其他页面内容中的外观。在预览模式中,您可以单击链接来像阅读器一样导航您的内容。内容在编辑器中呈现,就像它将要发布的那样。

在预览模式下,点按或单击内容的反应与对内容的读者一样。 如果要选择要编辑的内容,请切换出预览模式。

编辑组件继承 inheritance

继承是一种机制,通过该机制,可以链接内容,以便更改一个内容会自动更改另一个内容。

使用通用编辑器,您可以通过简单地更新内容来取消内容的继承。 编辑器会自动禁用作者在该页面上所做所有更改的继承,确保在从Blueprint同步更新时保留修改的内容。

如果您的程序启用了​AEM多站点管理(MSM)扩展,则您有额外的工具栏选项来查看和更改通用编辑器中单个组件的继承状态。

有关使用通用编辑器继承如何工作的更多详细信息,请参阅通用编辑器中的内容继承。

可选工具栏功能 toolbar-options

附加功能可作为通用编辑器的扩展使用,以帮助您进一步管理页面和内容。 这些扩展必须由管理员在程序中启用,然后才能在通用编辑器工具栏中作为内容作者显示给您。

继承 inheritance-extension

AEM多站点管理(MSM)扩展​显示所选组件的当前继承状态,并允许您中断或恢复继承。

通用编辑器工具栏中的​ 安装的继承 ​图标显示继承对于所选组件仍然有效。

已安装继承图标

点击或单击图标可中断选定组件的继承。 如果编辑组件,继承会自动中断。

继承中断​图标显示选定组件的继承已中断。

继承中断图标

点击或单击图标可恢复所选组件的继承。 您需要重新加载页面以刷新内容以显示继承的内容。

有关如何启用此扩展的信息,请参阅Extension Manager文档。

NOTE
安装的继承​和​ 继承中断 ​图标仅在选择组件并且该页面基于Blueprint时显示。
NOTE
AEM多站点管理(MSM)扩展​仅适用于页面,不适用于内容片段。

访问页面属性 page-properties

AEM页面属性扩展​允许快速访问当前编辑的页面的页面属性窗口

页面属性图标

点按或单击通用编辑器工具栏中的​ 页面属性 ​图标,在新的浏览器选项卡中打开该页面的页面属性。

有关如何启用此扩展的信息,请参阅Extension Manager文档。

NOTE
AEM页面属性扩展​仅适用于页面,不适用于内容片段。

访问站点控制台 sites-console

AEM站点管理扩展​允许快速访问AEM的站点控制台中正在编辑的页面,从而允许您在控制台中导航站点树或执行页面级操作。

在网站管理员图标中打开

点按或单击图标可在新的浏览器选项卡中打开站点控制台,导航到编辑器中当前的页面。

有关如何启用此扩展的信息,请参阅Extension Manager文档。

锁定和解锁页面 locking-pages

AEM Page Lock扩展​在编辑器中显示页面的当前锁定状态,并允许您锁定或解锁页面。

通用编辑器工具栏中的​ 已解锁 ​图标显示编辑器中当前未锁定页面。

解锁图标

点击或单击图标可锁定页面。

通用编辑器工具栏中的​ 已锁定 ​图标显示当前在编辑器中的页面已锁定。 将鼠标悬停在图标上可查看工具提示,指示锁定页面的用户。

锁定的图标

如果您是锁定页面的用户,请点击或单击图标以解锁该页面。

有关如何启用此扩展的信息,请参阅Extension Manager文档。

NOTE
AEM Page Lock扩展​仅适用于页面,不适用于内容片段。

工作流 workflows

AEM Workflows扩展​允许您在编辑器的当前页面上启动工作流

工作流图标

点按或单击通用编辑器工具栏中的​ 工作流 ​图标以打开​ 启动工作流 ​模式。 该窗口列出了可应用工作流的可能内容。

启动工作流模式

  1. 在​ 工作流模型 ​下拉列表中,选择要应用的工作流。
  2. 在​ 名称 ​字段中提供工作流的描述。
  3. 在要包含在工作流​ 列表中的 ​内容中,使用复选框定义要包含在工作流中的内容。
  4. 点按或单击​ 启动工作流 ​启动工作流,或者点按或单击​ 关闭 ​中止。

有关如何启用此扩展的信息,请参阅Extension Manager文档。

开发人员登录 developer-login

AEM Universal Editor开发登录扩展​对于在本地进行开发的开发人员很有用,它提供了一种便捷的方式来验证本地AEM SDK以进行测试。

开发人员登录图标

点按或单击Universal Editor工具栏中的​ 开发人员登录 ​图标,提供用于登录本地AEM SDK的本地登录凭据。

开发人员登录模式

有关如何启用此扩展的信息,请参阅Extension Manager文档。

可选属性面板功能 properties-panel-options

附加功能可作为通用编辑器的扩展使用,以帮助您进一步管理页面内容。 这些扩展必须由管理员在程序中启用,然后才能在通用编辑器属性面板中作为内容作者显示给您。

生成变体 generate-variations

生成变体​扩展允许您使用生成人工智能(AI)直接在属性面板中为内容创建变体。

生成变体图标

点按或单击“通用编辑器”属性面板中的​ 生成变体 ​图标以接收推荐和创建变体。 有关生成变体的工作方式的更多详细信息,请参阅文档生成变体 — 集成在AEM编辑器中

有关如何启用此扩展的信息,请参阅Extension Manager文档。

其他资源 additional-resources

要了解如何使用通用编辑器发布内容,请参阅此文档。

要了解有关通用编辑器的更多技术细节,请参阅这些开发人员文档。

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