Universal Editor 簡介 introduction

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

背景 background

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

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

真正通用 universal

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

為何麼它可以通用

任何實作 any-implementation

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

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

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

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

任何內容 any-content

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

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

任何方面 any-aspect

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

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

value

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

Universal Editor 的值

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

Universal Editor 和內容片段編輯器 universal-editor-content-fragment-editor

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

內容片段編輯器 content-fragment-editor

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

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

Universal Editor universal-editor

行銷從業人員會想建立根據指定內容版面量身定制的內容,以提供卓越的體驗。

  • 要達成的基本工作是與讀者建立可靠的聯繫。

其他資源 additional-resources

若要了解有關 Universal Editor 的詳細資訊,請參閱以下文件。

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