存取及導覽通用編輯器 navigating
瞭解存取和導覽Universal Editor的基本知識。
簡介 introduction
Universal Editor 支援在任意實作中編輯任何方面的內容,以便提供卓越的體驗、提高內容速度並提供最先進的開發人員體驗。
為此,Universal Editor 為內容作者提供直觀的 UI,只需要最基本的培訓就能立即進入狀況並開始編輯內容。本檔案說明如何導覽通用編輯器。
- 如需有關使用通用編輯器編寫的詳細資訊,請參閱檔案使用通用編輯器編寫內容。
- 如需 Universal Editor 的更詳細介紹,請參閱 Universal Editor 簡介文件。
準備應用程式 prepare-app
為了使用 Universal Editor 編寫應用程式的內容,應用程式必須由開發人員進行檢測以支援編輯器。
存取通用編輯器 accessing
一旦將應用程式檢測為可使用通用編輯器後,您便可在AEM as a Cloud Service記憶體取通用編輯器,且無需存取AEM即可直接存取。
在AEM as a Cloud Service中存取 accessing-aem
- 登入您的AEM as a Cloud Service編寫執行個體。
- 使用Sites 主控台瀏覽至與您要編輯的通用編輯器一起使用的頁面。
- 編輯頁面。
- 「通用編輯器」會開啟以編輯所選頁面。
直接存取 accessing-directly
-
登入通用編輯器。 您需要Adobe ID才能登入,才能存取通用編輯器。
-
登入後,請在位置列中輸入您要編輯的頁面 URL。讓您開始編輯文字內容或媒體內容等內容。
了解 UI ui
UI分為以下幾個主要區域。
Experience Cloud 標頭 experience-cloud-header
Experience Cloud 標頭會始終顯示在畫面頂端。這是一個錨點,說明您在 Experience Cloud 中的位置,並幫助您導覽到其他 Experience Cloud 應用程式。
Experience Manager experience-manager
選取標頭左側的 Adobe Experience Cloud 連結,導覽至 Experience Manager 解決方案的根目錄,以存取 Cloud Manager、Cloud Acceleration Manager 和 Software Distribution 等工具。
組織 organization
這將顯示您目前登入的組織。如果您的Adobe ID與多個組織相關聯,請選取以切換至其他組織。
解決方案 solutions
點選或按一下解決方案切換器可讓您快速跳轉到其他 Experience Cloud 解決方案。
說明 help
說明圖示可快速存取學習和支援資源。
通知 notifications
此圖示會標有目前已指派之未完成的通知數量。
使用者屬性 user-properties
選取代表您使用者的圖示以存取您的使用者設定。如果您沒有設定使用者圖片,則會隨機分配圖示。
通用編輯器工具列 universal-editor-toolbar
Universal Editor工具列一律出現在熒幕頂端Experience Cloud標頭正下方。它可讓您快速存取,以導覽到另一個頁面進行編輯和發佈目前的頁面。
首頁按鈕 home-button
首頁按鈕可帶您回到通用編輯器的起始頁
在開始頁面上,您可以輸入要用通用編輯器編輯的網站URL。
位置列 location-bar
位置列會顯示您正在編輯頁面的網址。選取「 」即可輸入其他頁面要編輯的位址。
l
(字母l)開啟位址列。驗證標題設定 authentication-settings
如果您需要設定本機開發目的的自訂驗證標頭,請選取驗證標頭設定圖示。
模擬器設定 emulator
選取模擬圖示以定義Universal Editor呈現頁面的方式。
點選或按一下模擬圖示即可顯示選項。
依預設,編輯器會在案頭版面配置中開啟,其中高度和寬度會由瀏覽器自動定義。
您也可以選擇在 Universal Editor 中模擬行動裝置:
- 定義其方向
- 定義寬度和高度
- 變更方向
預覽模式 preview-mode
在預覽模式下,在編輯器中呈現的頁面就是發佈服務所顯示的樣子。這可讓內容作者按一下連結等方式來導覽內容。
p
切換至預覽模式,或切換自預覽模式。開啟應用程式預覽 open-app-preview
選取開啟應用程式預覽圖示,即可使用自己的瀏覽器標籤開啟您目前正在編輯的頁面,無須使用編輯器即可預覽您的內容。
o
(字母o)開啟應用程式預覽。發佈 publish
選取「發佈」按鈕,讓您可以發佈內容的變更供讀者即時使用。
省略符號 ellipsis
可使用省略符號按鈕存取其他標準選項。
例如,可透過省略符號按鈕存取取消發佈頁面的功能(亦即反轉Publish 按鈕的動作)。
其他按鈕 additional-toolbar-buttons
Universal Editor提供可自訂且可擴充的撰寫體驗。 如果您在工具列中看到其他按鈕,表示您的通用編輯器已擴展。
- 如需擴充功能的詳細資訊,請參閱自訂及擴充通用編輯器。
- 如需個別擴充功能運作方式的詳細資訊,請參閱Extension Manager檔案。
編輯器 editor
編輯器會佔據大部分視窗,而且是位置列中指定之頁面的呈現位置。
如果編輯器在預覽模式,內容即為可瀏覽,而且您可以點選連結,但無法編輯內容。
屬性面板 properties-rail
屬性面板會一直沿著編輯器的右側顯示。 視其模式而定,可能會顯示在內容或頁面內容之階層中選取的元件詳細資訊。
屬性模式 properties-mode
在屬性模式中,面板會顯示編輯器中目前所選元件的屬性。 這是載入頁面時屬性面板的預設模式。
根據您選取的元件型別,詳細資訊可在「屬性」面板中顯示和修改。
並非所有元件都有可顯示及/或編輯的詳細資料。
d
可切換至屬性模式。內容樹模式 content-tree-mode
在內容樹狀結構模式中,面板會顯示頁面內容的階層。
在內容樹中選取一個項目時,編輯器會捲動到該內容並予以選取。
f
可切換至內容樹模式。在 CF 編輯器中開啟 edit
編輯時,所選元件的選項會顯示在「屬性」面板中,您可以在此編輯所選元件。 如果選取的元件是內容片段,您也可以選取 在CF編輯器中開啟 按鈕。
點選或按一下 在CF編輯器中開啟 按鈕,在新索引標籤中開啟內容片段編輯器。 這可讓您存取內容片段編輯器的完整功能,以編輯相關聯的內容片段。
根據工作流程的需求,您可能會想要在通用編輯器中或直接在內容片段編輯器中編輯內容片段。
e
在內容片段編輯器中開啟選取的內容片段。新增 add
如果您在內容樹或編輯器中選取容器元件,「屬性」面板上就會顯示「新增」選項。
點選或按一下「新增」按鈕即會開啟元件的下拉選單,可用於新增到選取的容器。
a
將元件新增到選取的容器元件中。複製 duplicate
如果在內容樹或編輯器中選取容器元件內的元件,屬性面板上會顯示重複選項。
點選或按一下重複按鈕會重複選取的元件。
刪除 delete
如果在內容樹或編輯器中選取容器元件內的元件,屬性面板上會顯示刪除選項。
點選或按一下刪除按鈕刪除該元件。
Shift+Backspace
從容器中刪除選取的元件。其他按鈕 additional-properties-rail-buttons
Universal Editor提供可自訂且可擴充的撰寫體驗。 如果您在屬性面板中看到其他按鈕,表示您的通用編輯器已擴充。
- 如需擴充功能的詳細資訊,請參閱自訂及擴充通用編輯器。
- 如需個別擴充功能運作方式的詳細資訊,請參閱Extension Manager檔案。
後續步驟 next-steps
現在您已經知道如何存取和瀏覽通用編輯器,您就可以使用它創作內容了。