Universal Editor 簡介

上次更新： 2023-11-18

主題：

建立對象：

瞭解通用編輯器如何讓您看到即得(WYSIWYG)編輯任何Headless和Headful體驗。了解它如何幫助內容作者提供卓越的體驗、提高其內容速度，以及如何提供最先進的開發人員體驗。

背景

AEM 內容作者最強大的工具就是頁面編輯器。頁面編輯器提供直覺、視覺化且與內容相關的 WYSIWYG 編寫體驗，只需一點培訓即可讓作者看見內容將如何顯示。

但是，頁面編輯器只能編輯 AEM 頁面內容、結構和其中包含的元件。但在現在，內容很少只來自同一個地方。Universal Editor 提供與頁面編輯器相同的就地編輯體驗，但適用於任意實作中任何方面的內容。

真正通用

Universal Editor 可以用於任何實作、任何內容和任何方面的內容。

為何麼它可以通用

任何實作

由於體驗可透過多種不同方式建置，因此任何實作都可以使用 Universal Editor，讓作者可以執行內容中編輯。

使用者通常會認為 Headless 實作會限制作者在表單型 UI 中編輯所有的內容，但 Universal Editor 的情況並非如此

實作使用 Universal Editor 的要求簡單且支援：

任何架構 — 伺服器端轉譯、邊緣端轉譯、使用者端轉譯等。
任何框架 - Vanilla AEM或任何協力廠商架構，例如React、Next.js、Angular等。
任何託管 - 可以在本機託管到 AEM，或託管在遠端網域上

任何內容

內容作者也會擁有 AEM 頁面編輯器先前提供的強大編輯體驗。但是 Universal Editor 可讓內容作者在內容中視覺化編輯任何內容，並支援：

AEM 頁面結構 - cq:Pages 的嵌套cq:Components，包括體驗片段
AEM 內容片段 - 編輯出現在體驗內容中內容片段的內容.
文件 - 概念驗證表明 Word、Excel、Google 文件或 Markdown 文件也可以用相同的方式進行編輯 (這是 WIP)。

任何方面

對於內容作者而言，內容不僅僅是包含的資訊，還包括呈現和接收資訊的方式。內容帶有額外的中繼資料和檢測規則，Universal Editor 可以理解和編輯這些規則，包括：

套用版面與樣式 — 使用樣式系統，行銷從業人員和內容作者就可以將不同的樣式套用至其內容，並為內容建立不同的版面，例如欄、輪播、索引標籤、摺疊式功能表等。

值

透過將內容編輯體驗與任何特定的內容傳遞系統分離，編輯器變得更通用和靈活，並可讓內容作者提供卓越的體驗，提高內容速度，並提供最先進的開發人員體驗。

Universal Editor 的值

提供卓越的體驗 - 為了使從業人員能夠為造訪者創造吸引人的體驗，Universal Editor 可讓從業人員在預覽的內容中建立和編輯內容。這可讓他們建立適合體驗設計的內容，並建構對造訪者有意義的旅程。
提高內容速度 - 為了簡化從業人員的管理工作流程，Universal Editor 可在預覽中編輯內容，透過僅顯示與該內容相關的選項來引導從業人員，並使工作流程獨立於內容來源。
最先進的開發人員體驗 - 為了支援真實生活的異質應用程式環境，Universal Editor 具備低耦合且與技術無關的特性，可讓開發人員使用他們喜歡的技術堆棧來實施體驗。

Universal Editor 和內容片段編輯器

乍看之下，Universal Editor 和內容片段編輯器的編輯功能似乎很相似。然而，這些編輯器的功能大不相同，其完成的工作與行銷從業人員不同。

內容片段編輯器

行銷從業人員希望建立內容而不必關心其版面，以便它可以在多種體驗環境中重複使用。

要達成的基本工作是擴展內容策略。