使用 Universal Editor 編寫內容 authoring

了解內容作者使用 Universal Editor 建立內容有多簡單和直覺。

簡介 introduction

Universal Editor 支援在任意實作中編輯任何方面的內容,以便提供卓越的體驗、提高內容速度並提供最先進的開發人員體驗。

為此,Universal Editor 為內容作者提供直觀的 UI,只需要最基本的培訓就能立即進入狀況並開始編輯內容。本文件說明了 Universal Editor 的編寫體驗。

NOTE
本檔案假設您已熟悉如何存取和導覽通用編輯器。 如果您沒有,請參閱檔案存取及導覽通用編輯器。
TIP
如需 Universal Editor 的更詳細介紹,請參閱 Universal Editor 簡介文件。

編輯內容 editing-content

編輯內容很簡單又直覺。當您將滑鼠移至編輯器中的內容時,可編輯的內容會以藍色方塊醒目提示。

可編輯的內容會以藍色框醒目顯示

TIP
依預設,點選或按一下內容會選取內容以進行編輯。 如果您想透過下列連結導覽內容,請切換至預覽模式。

根據您選取的內容,您可能有不同的就地編輯選項,而且您可能會在屬性邊欄中針對內容提供額外的資訊和選項。

編輯純文字 edit-plain-text

您可以按兩下或點兩下元件,就地編輯文字。

編輯內容

按下Enter/Return或在文字方塊外選取,以儲存變更。

當您選取選取文字元件時,其詳細資訊會顯示在屬性邊欄中。您也可以編輯邊欄中的文字。

正在編輯屬性邊欄中的文字

此外,屬性邊欄中也提供您文字的詳細資料。 一旦焦點離開屬性邊欄中已編輯的欄位,變更就會自動儲存。

編輯 RTF 文字 edit-rich-text

您可以按兩下或點兩下元件,就地編輯文字。

編輯 RTF 文字元件

為方便起見,您可在兩個位置找到文字的格式選項和詳細資訊。

  • 內容功能表 ​會在RTF區塊上方開啟,並在內容中提供基本的格式選項。 由於空間限制,某些選項可能會隱藏在省略符號按鈕後面。
  • 屬性邊欄 ​會顯示所有可用的格式選項以及文字。

一旦焦點離開已編輯的欄位,變更會自動儲存。

編輯媒體 edit-media

您可以在屬性邊欄中檢視其詳細資料。

編輯媒體

  1. 在屬性邊欄中,點選或按一下所選影像的預覽。
  2. 資產選擇器視窗會開啟,讓您可選取資產。
  3. 選取「 」以選取新資產。
  4. 選取​ 選取 ​以返回取代資產的屬性邊欄。

變更會自動儲存到您的內容中。

編輯內容片段 edit-content-fragment

如果您選取內容片段,,您可以在屬性邊欄中編輯其詳細資料。

編輯內容片段

在選定內容片段的內容模型中定義的欄位會在屬性邊欄中顯示和編輯。

如果您選取與內容片段相關的欄位,則內容片段會載入到元件邊欄中,且會自動捲動到該欄位。

一旦焦點離開屬性邊欄中已編輯的欄位,變更就會自動儲存。

如果您想改為在內容片段編輯器中編輯您的內容片段,請按一下屬性邊欄中的編輯按鈕

根據工作流程的需求,您可能會想要在通用編輯器中或直接在內容片段編輯器中編輯內容片段。

新增元件到容器中 adding-components

  1. 內容樹狀結構或編輯器中選取容器元件。

  2. 接著,在屬性邊欄中選取新增圖示。

    選取要新增到容器的元件

該元件會被插入到容器中並可在編輯器中對其進行編輯。

TIP
使用快速鍵 A 將元件新增到選取的容器中。

從容器中刪除元件 deleting-components

  1. 內容樹狀結構或編輯器中選取容器元件。

  2. 選取容器的>形箭號圖示,展開內容樹狀結構中的內容。

  3. 然後,在內容樹中,選取容器內的元件。

  4. 在屬性邊欄中選取刪除圖示。

    刪除元件

選取的元件已刪除。

TIP
使用快速鍵 Shift+Backspace 從容器中刪除選取的元件。

將容器中的元件重新排序 reordering-components

  1. 如果尚未變成內容樹模式,切換至該模式。

  2. 在內容樹或編輯器中選取容器元件。

  3. 選取容器的>形箭號圖示,展開內容樹狀結構中的內容。

  4. 拖曳容器內的元件旁的手柄圖示證明您可以將它們重新排序。拖曳元件,在容器內將它們重新排序。

    重新排序元件

  5. 拖曳的元件在內容樹狀結構中會變成灰色,而您的插入點會以藍線表示。 將元件鬆開並放在新位置中。

元件在內容樹和編輯器中都會重新排序

預覽內容 previewing-content

內容編輯完成後,您通常會希望瀏覽其內容,以查看它在其他頁面內容中的樣子。在預覽模式中,您可以點選連結,像讀者一樣瀏覽您的內容。內容在編輯器中呈現的樣子就是將會發佈的樣子。

在預覽模式中,點選或按一下內容的反應就像對內容的讀者一樣。 若要選取要編輯的內容,請切換出預覽模式。

其他資源 additional-resources

若要瞭解如何使用通用編輯器發佈內容,請參閱本檔案。

若要深入瞭解通用編輯器的技術細節,請參閱這些開發人員檔案。

  • Universal Editor 簡介 - 了解 Universal Editor 如何在任意實作中編輯任何方面的內容,以便提供卓越的體驗、提高內容速度並提供最先進的開發人員體驗。
  • AEM 中 Universal Editor 快速入門 - 了解如何存取 Universal Editor,以及如何開始檢測您的第一個 AEM 應用程式以使用它。
  • Universal Editor 架構 - 了解 Universal Editor 的架構,以及資料如何在其服務和階層之間流動。
  • 屬性和類型 - 了解 Universal Editor 需要的資料屬性和類型。
  • Universal Editor 驗證 - 了解 Universal Editor 如何進行驗證。

編輯元件繼承 inheritance

繼承是可連結內容的機制,如此一來變更一個會自動變更另一個。

使用通用編輯器,您只需更新內容即可取消內容的繼承。 編輯器會自動停用該頁面上作者所做所有變更的繼承,以確保在從Blueprint同步更新時保留修改的內容。

如需有關使用通用編輯器繼承如何運作的詳細資訊,請參閱檔案: 通用編輯器中的內容繼承。

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