Extending the Universal Editor
- Applies to:
- Experience Manager as a Cloud Service
- 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.
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 available through the Extension Manager that you can use for your project.
- AEM Multi-Site-Management (MSM) Extension: Break or reinstate inheritance at the component level
- AEM Page Properties Extension: Access the page properties window of the page in the Universal Editor
- AEM Site Admin Extension: Open the Sites Console to the location of the page in the Universal Editor
- AEM Page Lock Extension: View and change the page lock status from the Universal Editor
- AEM Workflows Extension: Start workflows on the page and page content from the Universal Editor
- AEM Universal Editor Dev Login Extension: Easily authenticate to your local AEM SDK when developing locally
- Generate Variations: Use generative artificial intelligence (AI) to create variations for your content directly in the properties panel.
- 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.
For information on how to enable these extensions, please see the Extension Manager documentation.
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
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.