Insert Media in the Content Editor

In some areas of a course, you can use the editor functions to add images along with text content. You can add images that are hosted online or you can upload an image from your local drive.

You can directly insert images into the text editor by selecting the Image button. Only JPEG and PNG files can be uploaded into the text editor.

The default option is to upload images from your device. If your institution uses Unsplash, you can insert stock images into your text. The search terms will be auto-populated from your text, but you can select the Exit button and use your own search terms if you prefer.

If your institution uses the AI Design Assistant, you can generate an image to insert into your text. Enter a description for your image and then select Generate. One image is generated at a time. When you choose to regenerate an image, the previous image is saved. After you select an image or exit image generation, all previous generated images are cleared.

After you’ve chosen an image to insert, select Next. You can now customize how the image appears in the text.

You can choose an aspect ratio for the image. You can keep the original aspect ratio, or convert it to a landscape or portrait display. The white grid lines show you what part of the original image will be displayed on screens.

You also have the option to adjust the slider to zoom in or out, and you can select and drag the grid lines to change the focus.

Select Next when you’re ready to insert the image.

You’re required to enter a display name. We recommend also adding alt text, to make the image accessible to users with screen readers.

By default, users can view and download the image. If you select Download only for the image, a placeholder will display on user screens until users download the image.

You can also add images from the web. Select Insert Content and then select Image from URL. Type or paste an image URL to embed an image hosted online. You must use the http://protocol. Include a description of the image in the Alternative text box for screen readers and users who can't view the image.

Delete an image. Select the image with your cursor and the delete icon will appear at the top right corner of the image. Select that icon to delete the image. You can also simply highlight the image with your cursor and select the backspace key.

Resize an image

Important

Resizing media is not supported on mobile devices.

You can easily resize images in the editor. Media types available for resizing also include videos and other media inserted via URL.

1. Once an image is added to the editor, select that image with your cursor. The selected image will display four corner handles.

2. Select one of the handles and hold down the mouse button while dragging it to enlarge or reduce the image size.

3. When you are happy with the size, release the mouse button and select Save.

You can also resize an image via keyboard navigation:

1. Make sure your cursor is active on the Learn Ultra screen.

2. Select the tab key until you highlight the image you wish to resize.

3. Hold down the shift key and use the arrow keys to enlarge or reduce the image.

4. When the image is your desired size, release the shift key.

When resizing, keep in mind these specifications for resizing media:

• All media attached or inserted via URL maintains aspect ratio.

• All media is center aligned.

• The maximum size of the media (100%) is the maximum width allowed by the content editor.

• The minimum size limit for all media is 200 pixels.

Adjust the appearance of an image

After you’ve chosen an image to insert, select Next. You can now customize how the image appears in the text.

You can choose an aspect ratio for the image. You can keep the original aspect ratio, or convert it to a landscape or portrait display. The white grid lines show you what part of the original image will be displayed on screens.

You also have the option to adjust the slider to zoom in or out, and you can select and drag the grid lines to change the focus.

Select Next when you’re ready to insert the image.

You’re required to enter a display name. We recommend also adding alt text, to make the image accessible to users with screen readers.

By default, users can view and download the image. If you select Download only for the image, a placeholder will display on user screens until users download the image.

Use the Insert YouTube Video option to browse and add video content directly in the editor. You can choose to display the video as a link or to embed the video so it appears alongside the other content you include. Others can watch the video within the same window—no need to navigate to YouTube.

The following narrated video provides a visual and auditory representation of some of the information included on this page. For a detailed description of what is portrayed in the video, open the video on Vimeo, navigate to More actions, and select Open transcript.