使用AEM頁面編輯器編輯頁面內容 edit-content
AEM頁面編輯器是製作頁面內容的強大工具。 瞭解如何使用它來就地拖放內容及編輯內容。
概觀 overview
您可以在頁面編輯器中執行三個基本動作來編輯內容:
AEM頁面編輯器除了可存取更進階的功能外,還提供直覺式UI來執行這些工作。
此外,編輯器可讓您組織頁面上的現有內容,方法是允許您
新增元件 adding-components
您可以從中選擇新元件,將其拖放至您的頁面 側面板中的元件瀏覽器 並將它們放置在元件預留位置中。
元件預留位置 component-placeholder
元件預留位置是一個指示器,可顯示放置元件時元件的放置位置。 它有兩個外觀。
-
將新元件新增至頁面時(從元件瀏覽器拖曳),將顯示為灰色方塊,內含您放置之元件的詳細資訊。
-
時間 移動現有元件, 它將顯示為藍色正方形。
在這兩種情況下,所選的目標都會以藍色外框顯示在您正在拖曳的元件下方。 釋放元件時元件將放置到的目標。
從元件瀏覽器新增元件 adding-a-component-from-the-components-browser
您可以使用 元件瀏覽器. 此 元件預留位置 顯示元件所在的位置。
從段落系統新增元件 adding-a-component-from-the-paragraph-system
您可以使用 將元件拖曳到這裡 段落系統的預留位置:
新增資產 adding-asset
您也可以拖曳以下專案的資產,將新元件新增至頁面: 資產瀏覽器。 這會自動建立適當型別的元件(並包含資產)。
您可針對您的安裝設定此行為。 請參閱檔案 元件參考指南 以取得更多詳細資料。
若要拖曳上述任一資產型別來建立元件:
如果您在瀏覽資產時發現需要對資產進行快速變更,可以開始 資產編輯器 直接從瀏覽器按一下資產名稱旁的編輯圖示。
就地編輯元件 edit-in-place
選取元件會開啟元件工具列。 這可讓您存取可在元件上執行的各種動作。
元件工具列中的可用動作適用於所選的元件。 根據您選取的元件,您可能會看到更多或更少的資訊,此處也可能沒有說明這些資訊。
-
編輯 可讓您修改元件的內容,通常就地進行。 其行為取決於元件。
-
設定 可讓您變更與其內容不直接相關的元件某些引數,通常是在對話方塊中。 其行為取決於元件。
-
複製 將元件複製到剪貼簿以貼到其他位置。 原始元件保持不變。
-
剪下 將元件複製到剪貼簿。 原始元件即被移除。
-
刪除 會從含有您確認的頁面中刪除元件。
-
插入元件 開啟對話方塊以 新增元件。
-
貼上 將元件從剪貼簿貼到頁面。 是否保留原始檔案,取決於您是否使用 複製 或 剪下.
- 您可以貼至相同頁面或不同頁面。
- 如果您在剪下/復製作業前將頁面貼到已開啟的其他頁面,則必須重新整理頁面以檢視貼上的內容。
- 貼上的專案會貼在您選取貼上動作的專案上方。
- 唯有剪貼簿上有內容時,才會顯示「貼上」動作。
-
群組 可讓您一次選取多個元件。 桌上型電腦裝置也可以透過以下步驟達到相同目的: Control+按一下 或 Command+按一下.
-
父級 選取所選元件的父元件。
-
版面 可讓您修改 版面 所選元件的ID。
- 這僅適用於所選的元件,且不會啟動 版面模式 整個頁面。
-
轉換為體驗片段變數 可讓您建立 體驗片段 或是將其新增到現有的體驗片段中。
元件編輯對話方塊 component-edit-dialog
某些元件提供就地可用以外的其他編輯選項。 您可以開啟元件的「編輯」對話方塊,其 元件工具列的「編輯」(鉛筆)圖示 以存取其他組態選項。
確切的編輯選項取決於元件。 針對某些元件 部分動作僅可在全熒幕模式中使用. 例如:
-
文字元件
-
影像元件
以全熒幕模式編輯元件 edit-content-full-screen-mode
許多元件都提供全熒幕模式供您編輯,您可以使用此按鈕存取這些元件。
全熒幕編輯可顯示比就地編輯器(例如影像元件)更多的編輯選項。
使用 最小化 按鈕以存在全熒幕模式。
移動元件 moving-components
若要移動元件:
-
選取要以點選並按住或點選並按住來移動的元件。
-
將元件拖曳至新位置。
- 頁面編輯器會使用來指示元件的位置 預留位置 和可以目標拖放段落的位置。
-
將其拖曳至所需位置。
編輯元件版面 editing-component-layout
您可以選取元件的 Layout (配置) 動作,以變更元件的配置,並節省時間,而不需離開編輯模式,而不需重複從編輯切換到配置模式來調整元件。
-
當在 編輯 在sites console模式中,選取元件以顯示元件的工具列。
-
選取 版面 調整元件版面的動作。
-
選取「配置」動作後,您就可以如常修改元件的配置 配置模式。
- 元件顯示的調整大小控點。
- 模擬器工具列會顯示在畫面頂端。
- 元件工具列上會顯示「配置」動作,而非標準編輯動作。
-
進行必要的版面變更後,點選或按一下 關閉 按鈕停止修改元件的版面,元件工具列恢復為一般編輯狀態。
編輯元件繼承 inherited-components
繼承是可連結內容的機制,如此一來變更一個會自動變更另一個。 繼承的元件可能是各種情況的產物,包括:
您可以取消並重新啟用繼承。 如果元件為即時副本或啟動的一部分,則可根據元件從元件工具列使用這些選項。
-
取消繼承
-
重新啟用繼承 如果繼承已取消
-
轉出 也適用於Blueprint或即時副本來源