通用编辑器用例和学习路径 use-cases-learning-paths

了解通用编辑器的主要用例,以及如何最好地了解其使用以及如何在您自己的项目上实施它。

概述 overview

通用编辑器是一个通用的可视化编辑器,它是Adobe Experience Manager Sites的一部分。 它使作者能够对任何Headless或Headful体验执行“所见即所得”(WYSIWYG)编辑。

本文档详细说明了这两个用例,并说明了如何了解有关它们的更多信息,以便在您自己的项目中实施通用编辑器。

TIP
如果没有,请查看文档通用编辑器简介,了解通用编辑器的完整概述和价值。

用例 use-cases

通用编辑器为您的内容作者提供了一个方便、直观的可视编辑器,而不管他们创建的是什么类型的内容。 两个主要用例包括:

  • 所见即所得创作 — 使用AEM Sites控制台使用通用编辑器在AEM中管理您的内容和创作页面
  • Headless创作 — 使用通用编辑器在您自己的自定义Headless应用程序中创作内容。

所见即所得创作 wysiwyg-authoring

如果您已经熟悉AEM,则可以使用站点控制台创建和管理您的页面,然后使用通用编辑器编辑它们。

通过这种方式,您可以从Sites控制台中提供的工具(如页面管理(复制、粘贴、移动)和工作流)中受益,也可以从现代的通用编辑器中受益。

如果您有这样的用例,作为紧接着的下一步,请参阅以下文档,全面了解如何在AEM中启动并运行通用编辑器。

  1. 用于Edge Delivery Services的WYSIWYG创作的开发人员快速入门指南 — 在AEM中开始使用您的第一个通用编辑器项目
  2. 创建检测为与通用编辑器一起使用的块 — 了解如何检测块以使您的内容可在通用编辑器中编辑
  3. 用于Edge Delivery Services项目的WYSIWYG创作的内容建模 — 了解如何构建块以有效地对您的内容进行建模以便与通用编辑器一起使用的详细信息。

阅读这些文档后,您可以返回本页以了解Headless创作用例以及通用编辑器的常规工作方式。

Headless创作 headless-authoring

如果您已经拥有Headless应用程序,则可以使用通用编辑器为该应用程序创作内容,并将其内容作为内容片段保留在AEM中。 唯一的要求是应用程序必须配置为允许使用通用编辑器。

如果这是您的用例,作为紧接着的步骤,请参阅以下文档来了解使用通用编辑器的Headless应用程序的示例。

阅读本文档后,您可以返回此页面以了解WYSIWYG创作用例以及通用编辑器的常规工作方式。

通用编辑器的工作方式 how-ue-works

通用编辑器的强大功能是能够就地创作任何内容,无论内容是什么,都为内容作者提供完全直观且统一的UI。

通用编辑器的工作方式如下。

  1. 开发人员对应用程序或页面进行工具设置,以使用通用编辑器。 此检测告知编辑器哪些内容可编辑以及如何保留内容。

    • 对于WYSIWYG创作,将自动检测使用样板模板创建的页面。
    • 对于Headless创作,可以轻松检测您的应用程序。
  2. 内容作者将加载通用编辑器,该编辑器反过来将加载您的页面以进行编辑。 由于它是仪器化的,因此它知道哪些内容可以编辑,以及它如何表示和保留。

  3. 内容作者在直观的WYSIWYG界面中编辑页面内容,就地编辑。

  4. 通用编辑器会自动将更改保留回AEM。

如果您想了解有关通用编辑器的架构的更多信息,请参阅文档通用编辑器架构。

通用编辑器概念 concepts

要使通用编辑器能够编辑某个页面或应用程序,必须正确检测该页面或应用程序。 一旦开始检测,它可以进一步适应您的项目需求。

  • 属性和类型 — 为了使通用编辑器能够编辑应用程序或页面,必须正确检测该应用程序或页面。 这包括包含正确的元数据,以便编辑器可以编辑应用程序的内容。
  • 模型定义、字段和组件类型 — 元数据存在以启用组件编辑后,您定义它们可以在编辑器的属性边栏中操作的字段和组件类型。 可通过创建模型并从组件链接到模型来完成此操作。
  • 自定义通用编辑器创作体验 — 在完全分析应用程序或页面后,可以通过筛选可用组件或扩展编辑器的功能来进一步调整通用编辑器体验。
  • 通用编辑器事件 — 您可以通过响应通用发送对内容和UI进行更改的标准事件,进一步自定义您的应用程序。
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab