There are few things that I'd like you to check in order to make it work:-
1. Configure Local AEM SDK for HTTPS:
2. The Universal Editor requires AEM to run on HTTPS locally.
Navigate to Tools > Security > SSL Configuration in your local AEM author instance.
Follow the wizard to generate and configure an SSL certificate. For development, you can create a self-signed certificate using OpenSSL.
3. Download and Set up the Universal Editor Service:
Download the latest Universal Editor Service from the Adobe Software Distribution Portal.
Extract the downloaded zip file.
Create a new directory (e.g., universal-editor-service) and copy the universal-editor-service.cjs file into it.
4. Create a .env file in this directory and configure environment variables, such as UES_PORT (e.g., 8000) and potentially UES_TLS_REJECT_UNAUTHORIZED=false for development.
5. Start the Local Universal Editor Service:
Open your terminal, navigate to the universal-editor-service directory, and run:
node universal-editor-service.cjs
6. Configure AEM for Universal Editor:
Locate the Apache Sling Referrer Filter and ensure the Universal Editor's local URL is added to the allowed referrers.
Locate the Apache Sling Main Servlet and remove or modify the X-Frame-Options=SAMEORIGIN header to allow AEM pages to be loaded within the Universal Editor's iframe.
-Tarun