ÃÛ¶¹ÊÓƵ

DocumentationAEM as a Cloud ServiceUser Guide

Extending the Universal Editor extending

Last update: Tue Feb 18 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

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 extensions

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

  • : Integrate ÃÛ¶¹ÊÓƵ Commerce data by selecting or removing product data from the editor.
  • : Create, edit, and manage multiple drafts of content.
  • : 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, created in ÃÛ¶¹ÊÓƵ Experience Manager as a Cloud Service to ÃÛ¶¹ÊÓƵ Target to be used as offers in Target activities, to test and personalize experiences at scale.
  • : Initiate an AEM workflow for selected content fragments.

Extending the UI extending-ui

The Universal Editor’s UI extensions are JavaScript applications built with ÃÛ¶¹ÊÓƵ 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:

  1. - This is the developer documentation for UI extension.
  2. - Step-by-step instructions on how to develop your own extension
  3. - 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.

, you can enable or disable your extensions on a per-instance basis, access ÃÛ¶¹ÊÓƵ’s first-party extensions including those for the Universal Editor, and much more.

Extension Points 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
fbcff2a9-b6fe-4574-b04a-21e75df764ab