What's inside this article:
About embedding images
Where can I embed images?
You can embed images into the following pages and widgets:
- Text-based content pages:
- FactCheck pages
- Feature stories
- Live blog posts
Why has my embedded image been cropped?
By default, Pangea CMS crops images to maintain the optimal 16:9 aspect ratio. If you are not happy with the automatic cropping, either try cropping the image manually, or specify that you want to keep the original aspect ratio for the image. For detailed information, go to the following section:
Embed an image
Follow these steps to embed an image:
- Hit the Insert Embedded Content icon in CKEditor.
- Ensure Single item and Image are selected.
- Select your preferred option:
- Internal: Embed an image that was already uploaded to Pangea CMS.
- External: Embed an image from an external agency - Reuters or AP (Associated Press).
- Optionally use the additional search filters in the left panel to narrow the search results, then hit Search.
- Select + Attach (the plus icon) next to the image you want to embed.
- Adjust the available settings to configure the image. Then, hit Attach.
The image is now embedded.
Configure the image
The following options are available on the Attach Image dialog:
The Image Preview lets you check how the embedded image will look. We recommend checking the preview carefully, as Pangea CMS automatically crops images to maintain the optimal 16:9 aspect ratio.
If you are not satisfied with the automatic cropping, try the following solutions:
- Manually crop the image. This option lets you change which part of the image is cropped, while maintaining the optimal aspect ratio.
- Tick the box next to Keep aspect ratio. This displays the full image with no cropping.
Select the Crop icon in the Image Preview to crop the image. Click and drag the box corners to select the portion of the image you want to display. Hit Save to confirm and apply your preferences.
Graphic content warning
Tick the box next to Graphic content warning if the image is potentially upsetting or offensive. Visitors will see a warning before viewing the image and must manually select Click to reveal.
Use the Link drop-down menu to specify what happens when a visitor clicks or taps the image. The following options are available:
- Enlarge on click (selected by default): The image opens in fullscreen.
- No action: Nothing happens.
- Go to selected page on click: Another page opens. Enter the target URL and specify if the page opens in the same tab or a new tab.
In the Caption box, edit the caption that will appear below the embedded image. The image Title is filled by default. The internal Graphic description is also visible. The Graphic description is not displayed on the public website but might be useful for editing the Caption.
Use the Size drop-down menu to select a size for the image. In most cases, the following options are available:
If you are creating a Feature story, the following additional options are available:
- Full Size
Keep aspect ratio
By default, Pangea CMS crops images to maintain the optimal 16:9 aspect ratio. Tick Keep aspect ratio to display the full image with no cropping.
The following articles might be helpful: