Skip to content

feat(ew): add image overlay for alt text and replace in content mode#1005

Open
ravuthu wants to merge 1 commit into
adobe:mainfrom
ravuthu:ew-imgs
Open

feat(ew): add image overlay for alt text and replace in content mode#1005
ravuthu wants to merge 1 commit into
adobe:mainfrom
ravuthu:ew-imgs

Conversation

@ravuthu

@ravuthu ravuthu commented Jun 16, 2026

Copy link
Copy Markdown
Contributor

Description

Add an image-anchored overlay in Experience Workspace content/split mode that lets authors edit alt text and replace an image without opening the siderail. Replace offers Browse AEM Assets (capability-gated), upload from computer, and replace-from-URL, and preserves existing image attributes.

Layout-mode image editing is out of scope and will follow in a separate change.

Related Issue

https://jira.corp.adobe.com/browse/SITES-45673

Motivation and Context

How Has This Been Tested?

Override scripts from Chrome dev tools and validated

Screenshots (if appropriate):

Screenshot 2026-06-12 at 3 04 41 PM Screenshot 2026-06-12 at 3 02 46 PM

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • I have signed the Adobe Open Source CLA.
  • My code follows the code style of this project.
  • My change requires a change to the documentation.
  • I have updated the documentation accordingly.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.

Add an image-anchored overlay in Experience Workspace content/split mode
that lets authors edit alt text and replace an image without opening the
siderail. Replace offers Browse AEM Assets (capability-gated), upload from
computer, and replace-from-URL, and preserves existing image attributes.

- ew-image-overlay: icons over the selected image, alt + replace popover,
  AEM Assets selector hosted in a native dialog, all attribute-preserving
- selection-toolbar: spawn the overlay for image NodeSelections; keep the
  text toolbar for everything else
- imageDrop: replace-in-place when dropping an image onto an existing one
- aem-assets: hasAemAssetsConfig capability check + replace-in-place on
  asset selection
- image-ops: shared helpers (getSelectedImage, updateImageAttrs,
  altFromFilename, uploadImageToDa)

Layout-mode image editing is intentionally out of scope and will follow
in a separate change.

Co-authored-by: Cursor <cursoragent@cursor.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant