AEM 中 Universal Editor 快速入門 getting-started
了解如何存取 Universal Editor，以及如何開始檢測您的第一個 AEM 應用程式以使用它。
雖然通用編輯器可以編輯任何來源的內容，但本檔案將以AEM應用程式為例。 本文件將引導您完成這些步驟。
檢測頁面 instrument-page
Universal Editor 服務需要統一資源名稱 (URN) 來識別和使用正確的後端系統來處理應用程式中正在編輯的內容。因此，需要 URN 模式將內容對應回內容資源。
建立連線 connections
應用程式中使用的連線會儲存為<meta>頁面中的標記<head>。
<meta name="urn:adobe:aue:<category>:<referenceName>" content="<protocol>:<url>">
-
<category>— 這是具有兩個選項的連線分類。system— 用於連線端點config— 針對定義選擇性組態設定
-
<referenceName>- 這是簡短名稱，可在文件中重複使用以標識連線。例如aemconnection -
<protocol>- 這代表要使用 Universal Editor 持續性服務的哪個持續性外掛程式。例如aem -
<url>- 這是儲存變更之系統的 URL。例如http://localhost:4502
識別碼 urn:adobe:aue:system 表示 Adobe Universal Editor 連線。
data-aue-resource 將使用 urn 首碼來縮短識別碼。
data-aue-resource="urn:<referenceName>:<resource>"
<referenceName>- 這是<meta>標記中提及的命名參考。例如aemconnection<resource>- 這是指向目標系統中資源的指標。像是 AEM 內容路徑，例如/content/page/jcr:content
連線範例 example
<meta name="urn:adobe:aue:system:<referenceName>" content="<protocol>:<url>">
<html>
<head>
<meta name="urn:adobe:aue:system:aemconnection" content="aem:https://localhost:4502">
<meta name="urn:adobe:aue:system:fcsconnection" content="fcs:https://example.franklin.adobe.com/345fcdd">
</head>
<body>
<aside>
<ul data-aue-resource="urn:aemconnection:/content/example/list" data-aue-type="container">
<li data-aue-resource="urn:aemconnection:/content/example/listitem" data-aue-type="component">
<p data-aue-prop="name" data-aue-type="text">Jane Doe</p>
<p data-aue-prop="title" data-aue-type="text">Journalist</p>
<img data-aue-prop="avatar" src="https://www.adobe.com/content/dam/cc/icons/Adobe_Corporate_Horizontal_Red_HEX.svg" data-aue-type="image" alt="avatar"/>
</li>
...
<li data-aue-resource="urn:fcsconnection:/documents/mytext" data-aue-type="component">
<p data-aue-prop="name" data-aue-type="text">John Smith</p>
<p data-aue-resource="urn:aemconnection:/content/example/another-source" data-aue-prop="title" data-aue-type="text">Photographer</p>
<img data-aue-prop="avatar" src="https://www.adobe.com/content/dam/cc/icons/Adobe_Corporate_Horizontal_Red_HEX.svg" data-aue-type="image" alt="avatar"/>
</li>
</ul>
</aside>
</body>
</html>
組態設定 configuration-settings
您可以視需要使用連線URN中的config首碼來設定服務和擴充端點。
如果您不想使用由Adobe託管（但您自己的託管版本）的通用編輯器服務，可以在中繼標籤中設定此專案。 若要覆寫Universal Editor提供的預設服務端點，請設定您自己的服務端點：
- 中繼名稱 —
urn:adobe:aue:config:service - 中繼內容 —
content="https://adobe.com"（範例）
<meta name="urn:adobe:aue:config:service" content="<url>">
如果您只想為頁面啟用特定擴充功能，可以在meta標籤中加以設定。 若要擷取擴充功能，請設定擴充功能端點：
- 中繼名稱：
urn:adobe:aue:config:extensions - 中繼內容：
content="https://adobe.com,https://anotherone.com,https://onemore.com"（範例）
<meta name="urn:adobe:aue:config:extensions" content="<url>,<url>,<url>">
您已準備好使用 Universal Editor youre-ready
您的應用程式現在可以使用 Universal Editor 了！
請參閱使用 Universal Editor 編寫內容以了解內容作者使用 Universal Editor 建立內容有多簡單和直覺。
其他資源 additional-resources
若要了解有關 Universal Editor 的詳細資訊，請參閱以下文件。
- Universal Editor 簡介 - 了解 Universal Editor 如何在任意實作中編輯任何方面的內容，以便提供卓越的體驗、提高內容速度並提供最先進的開發人員體驗。
- 使用 Universal Editor 編寫內容 - 了解內容作者使用 Universal Editor 建立內容有多簡單和直覺。
- 使用通用編輯器發佈內容 — 瞭解通用編輯器如何發佈內容，以及您的應用程式如何處理已發佈的內容。
- Universal Editor 架構 - 了解 Universal Editor 的架構，以及資料如何在其服務和階層之間流動。
- 屬性和類型 - 了解 Universal Editor 需要的資料屬性和類型。
- Universal Editor 驗證 - 了解 Universal Editor 如何進行驗證。