AEM頁面編輯器 editing-page-content

在​網站 ​主控台中建立您的頁面後,您可以使用AEM頁面編輯器來編輯頁面的內容,這是製作內容的強大工具。

NOTE
在​網站 ​主控台中編輯頁面時,主控台將開啟適合頁面範本:的編輯器,可以是本檔案中說明的頁面編輯器,或通用編輯器。
NOTE
您的帳戶需要適當的存取許可權才能編輯頁面。 如果您沒有許可權,請聯絡您的系統管理員。

方向 orientation

AEM頁面編輯器主要由三個區段組成:

  1. 工具列 — 工具列可讓您快速變更頁面模式並存取其他頁面設定。
  2. 側面板 — 側面板可讓您存取頁面元件和資產以及其他編寫工具。
  3. 編輯器 — 您可在編輯器變更內容並預覽。

頁面編輯器的配置

使用可拖曳至頁面的元件 (適合內容型別)新增內容。 接著,您就可以就地編輯、移動或刪除這些專案。

工具列 page-toolbar

視頁面設定而定,頁面工具列會提供內容相關功能的存取權。

頁面編輯器工具列

側面板 side-panel-button

這會開啟/關閉側面板,其中包含資產瀏覽器、元件瀏覽器和內容樹。

側面板切換

頁面資訊 page-information

這可讓您存取詳細的頁面資訊,包括頁面詳細資訊以及可在頁面上採取的動作,包括檢視和編輯頁面資訊、檢視頁面屬性以及發佈/取消發佈頁面。

頁面資訊按鈕

頁面資訊 ​會開啟一個下拉式功能表,提供有關所選頁面上次編輯和上次發佈的詳細資訊。 根據頁面、其網站和您的執行個體的特性,會有其他動作可用。

此外,頁面資訊 ​可讓您在適當時存取分析和建議。

模擬器 emulator

這會切換模擬器工具列,此工具列可用來模擬其他裝置上的頁面外觀。 這會在版面配置模式中自動啟用。

模擬器按鈕

ContextHub context-hub

這會開啟ContextHub。它只能在​ 預覽 ​模式中使用。

Context Hub按鈕

頁面標題 page-title

這是網頁的標題,以大寫字母呈現作為資訊。

頁面標題

模式選擇器 mode-selector

模式選取器會顯示目前的模式,並讓您選取其他模式,例如編輯、配置、時間扭曲或定位。

模式選取器按鈕

編輯頁面時,有多種模式可允許不同的動作:

  • 編輯 — 編輯頁面內容時所使用的模式
  • 配置 — 讓您建立並編輯相依於裝置的回應式配置(如果頁面是以配置容器為基礎)
  • 鎖定目標 — 透過所有管道的鎖定目標和測量,改善內容關聯性
  • 時間扭曲 — 在特定時間點檢視頁面狀態
  • 即時副本狀態 — 可讓您快速概略瞭解即時副本狀態,以及哪些元件是/不繼承的
  • 開發人員模式
  • 預覽 — 檢視在發佈環境中顯示的頁面;或使用內容中的連結進行瀏覽
  • 註釋 — 在頁面上新增或檢視註釋
NOTE
  • 視頁面的特性而定,某些模式可能無法使用。
  • 存取某些模式需要適當的許可權。
  • 由於空間限制,開發人員模式不適用於行動裝置。
  • 鍵盤快速鍵 ( Ctrl-Shift-M)可在​ 預覽 ​和目前選取的模式(例如,編輯配置 ​等)之間切換。

預覽 preview

預覽 ​按鈕會啟用預覽模式。,顯示發佈時顯示的頁面。

預覽按鈕

注釋 annotate

註釋 ​模式可讓您在檢閱頁面時新增註釋至頁面。 在第一個註解後,圖示會切換為指示頁面上註解數量的數字。

註解按鈕

側面板 side-panel

側面板可讓您存取三個不同的標籤。

  • 新增內容至頁面的元件瀏覽器
  • 用於將新資產新增至頁面的資產瀏覽器
  • 瀏覽頁面結構的內容樹狀結構

頁面編輯器的側面板

如需詳細資訊,請參閱檔案頁面編輯器側面板

編輯者 editor

在編輯器中,您可以直接變更頁面內容。 頁面會依您看到的方式呈現,您可以使用側面板中的資產或元件瀏覽器來拖放新內容,就地編輯內容。

頁面編輯器的編輯器

編輯內容 editing-content

現在您已瞭解頁面編輯器,您已準備好編輯您的內容。

如需詳細資訊,請參閱檔案使用AEM頁面編輯器編輯內容

狀態通知 status-notification

如果頁面是工作流程或多個工作流程的一部分,則在編輯頁面時,此資訊會顯示在工具列下方的通知列中。

工作流程通知

NOTE
狀態列只對具有適當許可權的使用者帳戶可見。

通知會列出針對頁面執行的工作流程。 如果使用者參與目前的工作流程步驟,則的選項會影響工作流程狀態,並可取得更多有關工作流程的資訊,例如:

  • 完成 — 開啟​ 完成工作專案 ​對話方塊
  • 代理人 — 開啟​ 完成工作專案 ​對話方塊
  • 檢視詳細資料 — 開啟工作流程的​ 詳細資料 ​視窗

透過通知列完成及委派工作流程步驟,其運作方式與從[通知]收件匣參與工作流程時的運作方式相同。

如果頁面受限於多個工作流程,則在通知的右端會顯示工作流程數量,並附上箭頭按鈕,讓您捲動瀏覽工作流程。

多個工作流程通知

即時副本狀態 live-copy-status

即時副本狀態 ​頁面模式可讓您快速總覽即時副本狀態以及哪些元件是/不是繼承的:

  • 綠色邊框:繼承
  • 粉紅色邊框:繼承已取消

例如:

顯示的即時副本狀態範例

預覽頁面 previewing-pages

預覽頁面有兩個選項:

TIP
  • 內容中的連結可見,但在​ 編輯 ​模式中無法存取。
  • 如果您想要使用連結來導覽,請使用任一預覽選項。
  • 使用鍵盤快速鍵 Ctrl-Shift-M,在預覽和上次選取的模式之間切換。
NOTE
這兩個預覽選項都會設定WCM模式Cookie。

預覽模式 preview-mode

編輯內容時,您可以使用預覽模式來預覽頁面。 此模式:

  • 隱藏各種編輯機制,讓您快速檢視頁面在發佈時的顯示方式。
  • 可讓您使用連結來導覽。
  • 不會 ​重新整理頁面內容。

製作時,使用頁面編輯器右上角的圖示即可使用預覽模式:

預覽按鈕

以已發佈狀態檢視 view-as-published

以發佈的形式檢視 ​選項可從頁面資訊功能表取得。 這會在新索引標籤中開啟頁面、重新整理內容,並完全依照頁面在發佈環境中的顯示方式顯示頁面。

鎖定和解鎖頁面 locking-unlocking

AEM可讓您鎖定頁面,不讓其他人編輯內容。 當您對某個特定頁面進行大量編輯,或需要凍結頁面一段時間時,鎖定功能會很有用。

  1. 選取​ 頁面資訊 ​圖示以開啟功能表。
  2. 選取​ 鎖定頁面 ​選項。

鎖定後,頁面編輯器的工具列中會顯示鎖定符號。

鎖定頁面的範例

解除鎖定頁面與鎖定頁面非常類似。 鎖定頁面後,鎖定選項就會被解鎖動作取代。

CAUTION
  • 模擬使用者身份時可以執行鎖定頁面。 但是以這種方式鎖定的頁面只能由(客戶)使用被模擬的使用者解除鎖定。
  • 無法透過模擬鎖定頁面的使用者來解鎖頁面。
  • 如果鎖定頁面的使用者無法解鎖頁面,請聯絡客戶支援評估移除鎖定的選項。

復原和重做頁面編輯 undoing-and-redoing-page-edits

下列圖示可讓您還原或重做動作。 這些會在適當時顯示在工具列中:

復原和重做按鈕

TIP
  • 鍵盤快速鍵 Ctrl-Z也可用於復原頁面編輯動作。
  • 也可使用鍵盤快速鍵Ctrl-Y重做頁面編輯動作。
NOTE
有關復原和重做頁面編輯時可執行操作的完整詳細資訊,請參閱檔案復原和重做限制
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab