Adobe Experience Manager Sites & More

HieuLu · 8/4/25

I have an EDS website with content edited in Google Drive. Could I edit the content of this website with Universal Editor instead of editing the Google Docx file?
I looked for a tutorial or a step-by-step guide to use Universal Editor but there is none of this. Could you please help?

VishalKa5 · 8/4/25

Hi @HieuLu ,

Can I use Universal Editor instead of Google Docs?

Yes, but your EDS website must be properly instrumented for Universal Editor to work.

Steps to Use Universal Editor with EDS

Instrument Your HTML Pages
- Add this script in the <head>:
  html
  
  <script src="https://universal-editor-service.adobe.io/cors.js" async></script>
- Add metadata for AEM connection:
  html
  
  <meta name="urn:adobe:aue:system:aemconnection" content="aem:https://<your-aem-author-url>">
Mark Editable Content
Wrap content with data-aue-* attributes:
html

<div data-aue-resource="urn:aemconnection:/content/path" data-aue-type="component"> <p data-aue-prop="text" data-aue-type="text">Edit me</p> </div>
Configure AEM
- Go to OSGi config → Universal Editor URL Service.
- Map paths or resource types to enable Universal Editor.
Edit Content
- Open the page in AEM Sites.
- Click Edit → Universal Editor opens.
- Click on text/images to edit directly on the page.
Publish
- Click the Publish button in Universal Editor toolbar to go live.

Thanks & Regards,

Vishal

View solution in original post

VishalKa5 · 8/4/25

Hi @HieuLu ,

Can I use Universal Editor instead of Google Docs?

Yes, but your EDS website must be properly instrumented for Universal Editor to work.

Steps to Use Universal Editor with EDS

Instrument Your HTML Pages
- Add this script in the <head>:
  html
  
  <script src="https://universal-editor-service.adobe.io/cors.js" async></script>
- Add metadata for AEM connection:
  html
  
  <meta name="urn:adobe:aue:system:aemconnection" content="aem:https://<your-aem-author-url>">
Mark Editable Content
Wrap content with data-aue-* attributes:
html

<div data-aue-resource="urn:aemconnection:/content/path" data-aue-type="component"> <p data-aue-prop="text" data-aue-type="text">Edit me</p> </div>
Configure AEM
- Go to OSGi config → Universal Editor URL Service.
- Map paths or resource types to enable Universal Editor.
Edit Content
- Open the page in AEM Sites.
- Click Edit → Universal Editor opens.
- Click on text/images to edit directly on the page.
Publish
- Click the Publish button in Universal Editor toolbar to go live.

Thanks & Regards,

Vishal

SantoshSai · 8/4/25

Hi @HieuLu,

Yes. There are two supported authoring models in EDS:

Document-Based Authoring (using Google Docs, Word, etc.)
AEM-based Authoring using the Universal Editor.

Once you’re using the Universal Editor, content is edited in-context - live on your web pages - so Google Docs is no longer required. Your content is stored and managed inside AEM (JCR) rather than Drive.

Reference: https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/edge-delivery/ov...

Follow below steps:

1.Set up a GitHub repository using an EDS boilerplate

Choose the appropriate repo template, eg. aem-boilerplate-xwalk (or xcom if integrating Adobe Commerce).
Use GitHub -> AEM Code Sync to link your repo to your AEM instance.

Reference: https://www.aem.live/developer/ue-tutorial

2. Create an EDS-powered AEM site

In your AEM Author console: go to Sites -> Create -> Site from template
Import the EDS site template you cloned or downloaded.
Provide site title, name, and GitHub repository URL.

Reference: https://experienceleague.adobe.com/en/perspectives/adobe-document-authoring-and-aem-as-a-cloud-servi...

3. Instrument your pages for Universal Editor

In your HTML, add the Universal Editor CORS script:

<script src="https://universal-editor-service.adobe.io/cors.js" async></script>

Add <meta> tags in <head> to define your content source URL, eg:

<meta name="urn:adobe:aue:system:aemconnection" content="aem:https://<your‑aem‑host>">

Use data-aue-resource and data-aue-type attributes on blocks to map components to AEM paths.

Reference: https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/dev...

4. Configure Universal Editor Opening Mappings

Via Configuration Manager in AEM (/system/console/configMgr), configure which paths or resourceTypes should automatically open in the Universal Editor instead of the legacy Page Editor.

5. Author your content visually

In AEM's Sites console, open the page and click Edit - the Universal Editor UI will launch.
Double-click or hover-highlight content to edit it inline (text, rich text, images, etc.).
Use the properties panel to adjust metadata or content fragment properties.

Reference: https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/sites/authoring/...

Santosh Sai

kautuk_sahni · 8/21/25

@HieuLu Just checking in. Were you able to resolve your issue? We’d love to hear how things worked out. If the suggestions above helped, marking a response as correct can guide others with similar questions. And if you found another solution, feel free to share it — your insights could benefit the community. Thanks again for being part of the conversation!

Adobe Experience Manager Sites & More

Steps by steps guide to use Universal Editor to edit an EDS website

Can I use Universal Editor instead of Google Docs?

Steps to Use Universal Editor with EDS

Can I use Universal Editor instead of Google Docs?

Steps to Use Universal Editor with EDS

Santosh Sai

Kautuk Sahni

Learn

Documentation

Events

Community

Support

Resources

Adobe account

Adobe