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

Document created by Canvas Doc Team Employee on Jan 18, 2020Last modified by Canvas Doc Team Employee on Feb 15, 2020
Version 2Show Document
  • View in full screen mode

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, Quizzes, and Syllabus.

Notes: 

  • Images uploaded from your computer using the image upload tool are added to your course files.
  • The New Rich Content Editor is currently a course opt-in feature. You can manage your course features in Course Settings.

Open New Rich Content Editor

Open New Rich Content Editor

Open the New Rich Content Editor when creating or editing an announcement, assignment, discussion, page, quiz, or syllabus.

Note: The Rich Content Editor supports keyboard shortcuts. To view the Keyboard Shortcuts menu, click the Keyboard icon or press ALT+F8 (PC keyboard) or ALT+FN+F8 (Mac keyboard).

Open Image Upload Tool

Open Image Upload Tool

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 Image from Computer

  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 are added to your course files.

Select File

Select File

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

View Selected File

  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

  Upload Imae 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

  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].

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 Embedded 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.

Notes:

  • The assignment, discussion, pages, and quizzes details pages display a Save & Publish button.
  • The Syllabus page displays an Update Syllabus button.
  • Discussion replies display a Post Reply button.

View Content

View Content

View the content created in the New Rich Content Editor.

You are here
Table of Contents > New Rich Content Editor > How do I upload and embed an image in the New Rich Content Editor as an instructor?

Attachments

    Outcomes