·¬ÇÑÉçÇø

Contextual editing for images


Contextual editing allows you to take image assets within Brightspot and give them a unique appearance for specific assets without modifying the original image asset. In order to use contextual image editing, the @ToolUi.ContextualImageEditing annotation must be applied to the field, and changes are required to be made to the appropriate view model to apply the metadata override; therefore, this feature requires assistance from a developer to enable.

Note
Contextual image editing is not available for .svg files.

Contextual editing original image.jpg Contextual editing original image.jpg
Original image with no edits
Contextual editing image with edits in asset.jpg Contextual editing image with edits in asset.jpg
Image in the Lead field with contextual edits applied

In the table above, there are two versions of the same image. The original image is on the left, while the one with contextual edits is on the right. The image on the left is the image that is stored in Brightspot as an image asset. This image asset can be used and reused as it appears on the left. Any changes you make to that image automatically cascade to every asset using it.

The image on the right is that same image asset placed in the Lead field within an article. Within this article, the image has had contextual edits applied. This image displays with the sepia effect only in this article. Anywhere else this image is used, it looks like the original on the left. Furthermore, any changes to the original image do not cascade to this image in the article.

To contextually edit an image in an asset:

  1. After adding an image to an asset in Brightspot, click brush in the upper-right corner of the image to open the .
    Image editor brush icon.jpg Image editor brush icon.jpg
    Image Editor icon
  2. In the , add any effects, edits, etc. to the image that you want to display within the asset where the image is placed.
  3. When finished, click Done to be returned to the original asset where you added this image.
    Contextual image editor.jpg Contextual image editor.jpg
    Making contextual edits to an image placed in an article
  4. Complete your site's workflow and publish the asset.

When published, the asset that contains this image will display it with the edits you made, but not affect the original image asset.

Tags
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

•
•
•
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

• Content types
• Modules
• Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

• Dashboards
• Publishing
• Workflows
• Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

• Field types
• Content modeling
• Rich-text elements
• Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

• Google Analytics
• Shopify
• Apple News