What is AEM and AEM65 plugins in universal editor component-definition.json ? | Community
Skip to main content
V
VijayRa10
Level 2
March 28, 2025
Solved

What is AEM and AEM65 plugins in universal editor component-definition.json ?

  • March 28, 2025
  • 2 replies
  • 837 views

Hey everyone, i was going the adobe universal editor documentation and component below configuration:

{
"groups":[
{
"title":"General Components",
"id":"general",
"components":[
{
"title":"Text",
"id":"text",
"model": "text",
"filter": "texts",
"plugins":{
"aem":{
"page":{
"resourceType":"wknd/components/text",
"template":{
"text":"Default Text",
"name":"Text"
}
}
},
"aem65":{
"page":{
"resourceType":"wknd/components/text",
"template":{
"text":"Default Text",
"name":"Text"
}
}
}
}
}
]
}
]
}

I saw that plugins define which plugin is responsible for persisting the component. The documentation mentions:
plugins defines which plugin is responsible for persisting the component. Common plugins include:

  • aem for AEM as a Cloud Service.
  • aem5 for AEM 6.5.
  • xwalk for AEM as a Cloud Service WYSIWYG authoring.

But I’m not quite sure what these plugins actually do. Could someone explain:

  • What exactly are aem and aem65 plugins in this context?
  • How do they affect component behavior in Universal Editor?

Thanks in advance!

Documentation link: https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/developing/universal-editor/component-definition

    Best answer by sarav_prakash

    Hi @vijayra10 , 

    Adobe is often using AEM and Franklin interchangeable. In this documentation, it talks about Franklin site integrated with AEM content and allows editing of AEM components.

    And to answer the specific question, the plugins are editing tools that runs on UE and stores the content back into correct AEM server. Sticking to ootb plugins helps to run custom extensions we build on top of UE.

     

    Now, this is one way of leveraging UE; you create a Franklin site, create content as AEM components, develop Franklin code, make configurations; and finally allow editing using UE.

     

    But I would advise to directly jump to this section https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/developing/universal-editor/getting-started

     

    I wrote a simplified article to run UE on any React components backed with Content Fragment graphql. This is easiest to jumpstart with UE. Better create CF, expose graphql and build a simple FE component fetching graphql and rendering. Then in 4 lines of code, you can edit CF content from UE.

     

    Its just user preference/project requirement, how you design the content source and use UE. 

     

    2 replies

    kautuk_sahni
    Community Manager
    kautuk_sahniCommunity Manager
    Community Manager
    April 2, 2025

    @pranay_m, @sarav_prakash, @prathyusha_vp, @dipti_chauhan, @nupur_jain, @marksarmiento This question could use some expert insight— we would love to hear your thoughts if you can take a look!

    Kautuk Sahni
    sarav_prakash
    Community Advisor
    sarav_prakashCommunity AdvisorAccepted solution
    Community Advisor
    April 8, 2025

    Hi @vijayra10 , 

    Adobe is often using AEM and Franklin interchangeable. In this documentation, it talks about Franklin site integrated with AEM content and allows editing of AEM components.

    And to answer the specific question, the plugins are editing tools that runs on UE and stores the content back into correct AEM server. Sticking to ootb plugins helps to run custom extensions we build on top of UE.

     

    Now, this is one way of leveraging UE; you create a Franklin site, create content as AEM components, develop Franklin code, make configurations; and finally allow editing using UE.

     

    But I would advise to directly jump to this section https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/developing/universal-editor/getting-started

     

    I wrote a simplified article to run UE on any React components backed with Content Fragment graphql. This is easiest to jumpstart with UE. Better create CF, expose graphql and build a simple FE component fetching graphql and rendering. Then in 4 lines of code, you can edit CF content from UE.

     

    Its just user preference/project requirement, how you design the content source and use UE. 

     

      V
      VijayRa10Author
      Level 2
      April 9, 2025

      Hey @sarav_prakash , thanks for the reply!
      That's an interesting approach — using React with the Universal Editor sounds promising. Do you happen to have a repo I could look at to better understand the structure and implementation? Would love to dig into how you've set it up.

      sarav_prakash
      Community Advisor
      sarav_prakashCommunity Advisor
      Community Advisor
      April 9, 2025

      @vijayra10 , refer to my article https://medium.com/@bsaravanaprakash/enable-universal-editor-on-any-react-app-in-4-easy-steps-e7c454af6008

       

      I cloned from adobe demo repo https://github.com/adobe/universal-editor-sample-editable-app

      thier demo site is https://ue-remote-app.adobe.net/ 

      Its a react app. You can clone thier repo, run the app, point to your AEM author instance, bring the content from adobe release, and play around. 

        Terms & ConditionsAccessibility statement

        Loading footer...