AEM Embed Simulator (experimental)

Embeds AEM fragments into a page.

Installation

You can install this extension from the Chrome Web Store.

Local installation

1. Clone this repository to your disk: git clone https://github.com/rofe/embed-simulator.git
2. Open Chrome and navigate to the Extensions page at chrome://extensions
3. Turn on Developer mode at the top right of the header bar
   
4. Click the Load unpacked button in the action bar
   
5. Navigate to the src folder and click Select to install and activate the extension:
   
6. Verify that your Extensions page displays a card like this:
   
7. Click the extension icon in the toolbar and pin the extension:
   

Usage

Add embed

1. Navigate to the page you want to add an embed to
2. Click the extension icon to open the popup
3. In the popup, click Add Embed
4. Click an element on the page to select the embed's location
5. In the popup, enter the embed URL
6. Optionally enter name, width and height of the embed
7. Click Confirm
8. The embed gets is now added to your page at the selected location

Delete embed

1. Navigate to the page you want to delete an embed from
2. Click the extension icon to open the popup
3. In the popup, click the x button of the embed you want to delete
4. The embed is now deleted from your page