Showing results for 
Search instead for 
Did you mean: 

How do I upload and embed an image in the New Rich Content Editor as a student?

How do I upload and embed an image in the New Rich Content Editor as a student?

You can embed images in the New Rich Content Editor. Image files can be uploaded from your computer, selected from Unsplash, or added using a URL. You can also embed images from your course and user files.

Several features in Canvas support the New Rich Content Editor, including Announcements, Assignments, Discussions, Pages, and Quizzes.

Note: The New Rich Content Editor is currently a course opt-in feature. If the Rich Content Editor in your course does not match the images in this lesson, your course is using the classic Rich Content Editor.

Open New Rich Content Editor

Open New Rich Content Editor

Open the New Rich Content Editor when using one of the Canvas features which support the Editor.

Note: The Rich Content Editor supports keyboard shortcuts. To view a window with a list of keyboard navigation shortcuts, click the Keyboard icon or press Alt+F8 (on a PC keyboard) or Option+Fn+F8 (on a Mac keyboard) simultaneously on your keyboard.

Upload Images from Toolbar

Upload Images from Toolbar

Click the Images icon [1] and select the Upload Image option [2].

Note: To view the Images icon, you may have to click the Options icon [3].

Upload Images from Menubar

Upload Images from Menubar

Alternatively, you can embed images from the menubar. Click the Insert link [1]. Navigate to view the Image options [2], then select the Upload Image option [3].

Upload Image from Computer

By default, the Image Upload Tool displays the Computer tab [1]. Click or drag and drop an image file to the image uploader to upload a file from your computer [2].

Note: Images uploaded from your computer using the image upload tool within a group are added to your group files.

Select File

Select File

Select the image file [1] and click the Open button [2].

View Selected File

The uploader displays the image file name [1] and an image preview [2]. To remove the image, click the Delete icon [3].

Upload Image from Unsplash

To upload an image from Unsplash, click the Unsplash tab [1].

Enter a search term in the Search Term field [2] and select from the displayed options [3]. To view more image options, click the page navigation links [4].

Upload Image from URL

To upload an image using a URL, click the URL tab [1].

Enter the URL in the File URL field [2].

Manage Image Options

To add Alt Text to your image, type an alternative text description or text tags in the Alt Text field [1]. By default, the Alt Text field displays the image file name. Alt text is read by screen readers, and it displays when an embedded image cannot display.

If the image is decorative and does not require alt text, click the Decorative Image checkbox [2].

By default, the Embed Image display option is selected for embedded images [3].

To display the image file link, select the Display Text Link display option [4]. The file link will replace the image in the New Rich Content Editor.

Embed Image Upload

Submit Upload

To embed your selected image, click the Submit button.

Note: The image will flash before it embeds in the New Rich Content Editor.

View Embedded Image

View Image

View your uploaded image in the New Rich Content Editor. You can also add alt text tags and manage the image display options.

Save Changes

Save Changes

Click the Save button.

Note: When using the Rich Content Editor in Discussions, the Save button may appear as the Post Reply button.

View Content

View Content

View the content created in the New Rich Content Editor.

Version history
Revision #:
6 of 6
Last update:
a week ago
Updated by: