頁面編輯器和通用編輯器 page-editor-universal-editor
Adobe 仍然支援頁面編輯器，但通用編輯器為您的新專案帶來令人期待的可能性。
背景 background
Adobe 於 2024 年推出通用編輯器，這是一款採用現代 Javascript 型開發方法的精簡編輯器。通用編輯器是 Adobe 想要提供流暢且可擴充之視覺化內容製作體驗的願景。
Adobe 深知頁面編輯器擁有豐富的功能，而且在 AEM 的悠久歷史中已有無數專案投資使用頁面編輯器，因此 Adobe 將繼續全面支援頁面編輯器，但是創新功能的研發會以通用編輯器為主。
建議 recommendation
儘管差距正在迅速縮小，但通用編輯器和頁面編輯器之間的功能仍然有差距 (下個區段會提供功能比較資訊)。
根據經驗法則：
- 新專案 應預設運用通用編輯器。
- 現有專案 應繼續使用頁面編輯器，並在啟動 Edge Delivery 或無周邊工作時考慮使用通用編輯器。
您選擇哪一種編輯器，完全根據您的個別專案需求決定。
功能比較 feature-comparison
由於兩種編輯器之間的功能差距越來越小，請務必查閱通用編輯器發行說明，了解最新開發進展。
傳遞 delivery
頁面編輯器
備註
通用編輯器
備註
[可用]{class="badge positive"}
建議搭配核心元件及傳統 AEM 專案使用
[無法使用]{class="badge negative"}
傳統 AEM 頁面通常會依賴幾個頁面編輯器特定的功能，而通用編輯器沒辦法依照原樣複製這些功能。
持續性 persistence
頁面編輯器
備註
通用編輯器
備註
編輯頁面元件
[可用]{class="badge positive"}
[可用]{class="badge positive"}
功能 capabilities
頁面編輯器
備註
通用編輯器
備註
頁面範本
[可用]{class="badge positive"}
[可用]{class="badge positive"}
通用編輯器與系統所使用的範本無關。然而，典型的實施模式偏好使用開發人員定義的範本，因為使用現代的前端工具，開發人員可以直接在程式碼中輕鬆地定義及維護範本邏輯。
WYSIWYG 編輯
[可用]{class="badge positive"}
僅限頁面
[可用]{class="badge positive"}
支援頁面和內容片段
插入新區塊
[可用]{class="badge positive"}
[可用]{class="badge positive"}
重新排列區塊
[可用]{class="badge positive"}
可以在內容中使用拖放功能，但不能在「樹狀視圖」側面板中進行
[可用]{class="badge positive"}
可以在「樹狀視圖」側面板透過拖放功能來達成，但目前尚未在內容中進行 (已規劃)
剪下/複製貼上區塊
[可用]{class="badge positive"}
[可用]{class="badge positive"}
套用樣式
[可用]{class="badge positive"}
可以使用樣式系統將樣式套用至元件上。
[可用]{class="badge positive"}
可以使用常規元件 (或內容片段) 屬性套用樣式。通用編輯器中無法使用相同的樣式選取器，但透過多重選取小工具可以達到非常相似的使用者體驗。
套用版面
[可用]{class="badge positive"}
網站必須實施 AEM 回應式網格，讓作者能夠跨三個預先定義的中斷點調整元件大小。
[可用]{class="badge positive"}
可以使用常規元件 (或內容片段) 屬性套用版面，但不支援回應式網格。
還原及取消復原
[可用]{class="badge positive"}
[可用]{class="badge positive"}
發佈 (以及預覽)
[可用]{class="badge positive"}
[可用]{class="badge positive"}
Workfront 整合
[無法使用]{class="badge negative"}
[可用]{class="badge positive"}
可以用作擴充功能
實驗和個人化
[可用]{class="badge positive"}
使用目標模式
[可用]{class="badge positive"}
可以用作 Edge Delivery Services 擴充功能
內容樹
[可用]{class="badge positive"}
[可用]{class="badge positive"}
也允許在樹內重新排列
裝置模擬
[可用]{class="badge positive"}
可以模擬已設定的裝置，但使用者無法手動輸入任何不同的螢幕尺寸進行模擬。
[可用]{class="badge positive"}
可以手動輸入任何要模擬的螢幕尺寸，但無法設定預設的中斷點。
[可用]{class="badge positive"}
[可用]{class="badge positive"}
依循 Sites 控制台內設定的鎖定狀態，並能透過擴充功能從編輯器鎖定/解除鎖定頁面
多欄位屬性
[可用]{class="badge positive"}
[無法使用]{class="badge negative"}
已規劃
在管理員視圖中檢視
[可用]{class="badge positive"}
[可用]{class="badge positive"}
可以用作頁面擴充功能
檢視頁面狀態
[可用]{class="badge positive"}
[無法使用]{class="badge negative"}
可在 Sites 控制台內使用
可擴充性
[可用]{class="badge positive"}
做為 AEM 覆蓋
[可用]{class="badge positive"}
做為使用 App Builder 的明確定義的擴充點，且只需要很少的 AEM 特定知識
採用通用編輯器 adopt-ue
通用編輯器具有許多優勢，是適合新專案的絕佳解決方案。
- 視覺化編輯： 與頁面編輯器一樣，作者可以直接在預覽中編輯內容，並立即看到其變更如何影響訪客體驗。
- 符合未來需求： AEM 的路徑圖將通用編輯器作為視覺化編輯器優先考量。採用通用編輯器可以確保獲得最新的創新和增強功能。
- 更簡單的整合： 使用通用編輯器不需要 AEM 特定的 SDK，減少過度依賴技術堆疊的情形。
- 自備應用程式： 通用編輯器支援任何網頁框架或架構，不需要複雜的重構過程即可採用。
- 可擴充性： 因為擁有強大的擴充框架，包括與生成式 AI、Workfront 等的整合，使通用編輯器更具優勢。
移轉至通用編輯器 migrate-ue
從頁面編輯器移轉至通用編輯器並沒有直接路徑。這是因為兩種技術存在根本差異。
-
通用編輯器並未重新引進範本編輯器、樣式系統或回應式網格等功能。
- 現在透過 Edge Delivery Services 或無周邊專案中的精益型前端 CSS 和 Javascript，可以更有效地處理這些使用案例。
-
由於通用編輯器是一種編輯器即服務，因此無法讓實施者將 CSS 或 JS 注入元件對話框中。
- 故不能從頁面編輯器自動轉換元件對話框。
- 此情況會影響對話框的很多地方，例如自訂小工具、欄位驗證、顯示/隱藏規則，以及範本型自訂功能。
- 雖然這些功能仍然可行，但通用編輯器是透過設定來解決這些問題，而非在對話框中部署自訂 JavaScript。
雖然通用編輯器在技術上可以支援編輯傳統 AEM 專案 (例如使用核心元件建置) 的頁面，但這些網站通常會依賴幾個頁面編輯器特定的功能，例如樣式系統、回應式網格、可編輯範本，以及對話框中的自訂 Javascript。
由於通用編輯器採用更精簡、現代化的方法，並不支援這些舊版功能，因此移轉此類網站需要進行大量重構工作。因此，唯有轉換至 Edge Delivery Services 的專案，才會建議將頁面編輯器網站移轉至通用編輯器。
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab