Documentation AEM as a Cloud Service User Guide

Extending the Universal Editor

Last update: February 18, 2025

Topics:
Developing

CREATED FOR:

Admin
Developer

Learn about the different options to extend the capabilities of Universal Editor to support the needs of your content authors.

TIP

The Universal Editor also offers several customization options, allowing you to better meet your project needs.

Extensions

As an Adobe Experience Cloud service, the Universal Editor’s UI can be extended using the App Builder and Experience Manager. Adobe offers many ready-made extensions that you can use for your project.

AEM Product Picker for Universal Editor: Integrate Adobe Commerce data by selecting or removing product data from the editor.
Universal Editor Content Drafts: Create, edit, and manage multiple drafts of content.
Configurable Asset Picker: Enable asset selection from repositories other than the one used by the edited page.
Forms Rule Editor: Add dynamic behavior to AEM Forms fields visually, without coding.
Export Content Fragments to Adobe Target: Export Content Fragments, created in Adobe Experience Manager as a Cloud Service to Adobe Target to be used as offers in Target activities, to test and personalize experiences at scale.
Content Fragment Workflows: Initiate an AEM workflow for selected content fragments.

Extending the UI

The Universal Editor’s UI extensions are JavaScript applications built with Adobe App Builder. Using these same tools, you can also add your own buttons and actions to the header menu and properties panel as well as create your own events for the Universal Editor.

If you would like to explore the possibilities of creating your own extensions, please see the following resources:

UI Extensibility - This is the developer documentation for UI extension.
UI Extensibility Guides - Step-by-step instructions on how to develop your own extension
The Universal Editor UI Extension Points - Universal Editor-specific extension point documentation

TIP

If you prefer learning by example, please see the AEM UI extensibility tutorial. Though it focuses on extending the Content Fragment console, the concepts for implementing a UI extension in the Universal Editor are the same.

Using Extension Manager in AEM Sites, you can enable or disable your extensions on a per-instance basis, access Adobe’s first-party extensions including those for the Universal Editor, and much more.

Extension Points

In addition to UI extensibility, the Universal Editor offers many other flexible extension points to enable seamless integration of custom business requirements.

Blocks: In simple JSON format, projects can adjust the blocks and UE features available for content creation.
Custom User Interface: Extensions can display necessary UI in side-panels or modal dialogs.
Events: Extensions receive events about the author’s actions and selections on the page to respond appropriately.

recommendation-more-help