Prerequisites
- Find the page where the photo will be inserted.
- Enter content editing mode. (see update page content)
- Select the rich text field in which you wish to insert your media file.
Inserting an image
On articles, news and certainly other types of content, an "illustration" field allows you to display a photo in the place provided by the graphic charter. This is not the case here.
To insert a photo into your content, position the cursor in the text area of your rich field, where you want the photo to appear.
In the "Edit" tab, click on the arrow under the "Image" button.
Contributors can choose between inserting a local or shared image. A local image is an image located on your hard disk (on your computer). A shared image is an image in the Resource Explorer. A pop-up window lets you choose the image on your disk or in the Resource Explorer.
The image button inserts a local image by default.
From version 4.3
Once the image has been selected by the user, a window opens to suggest to the contributor the area to be kept in the image:
The "Image" tab is opened by default after insertion. The contributor can change the size of the image using the white squares at the four corners of the image, or using the height and width fields in the "Image" tab. Other parameters can be used to modify the image, such as:
- Image style: modify image style. The styles available depend on the choices made in the graphic charter
- Caption and alternative: position a caption or alternative. These parameters are important in terms of accessibility.
- Height and Width: modify the image size while preserving its proportions.
- Wrapping: left, none or right, to position the image in the text in the same way as the most popular office tools.
The image is preserved at its original size in Ametys. The contributor doesn't need to manage the version of the image that will be displayed on the web; Ametys will automatically generate the image required for proper display on the Internet. The contributor only needs to manage the size of the image in relation to its importance in the content.
Here's the final rendering obtained by choosing a right-hand wrap and reducing the image size:
Back to top