How do I embed images from Canvas into the Rich Content Editor as a student?

Document created by Canvas Doc Team Employee on Feb 3, 2018Last modified by Canvas Doc Team Employee on Dec 8, 2018
Version 16Show Document
  • View in full screen mode

You can upload image files to your files in Canvas and embed them in the Rich Content Editor. You can also add alt tags to your images for better accessibility.

If a change is made to the image in your personal files after it has been embedded, the image you have added to the Rich Content Editor will not be changed.

Open Rich Content Editor

Open Rich Content Editor

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

Open Image

Open Image

Click the Image icon.

Select Canvas Tab

Select Canvas Tab

Click the Canvas tab.

Open Course or Personal Files

Open Course or Personal Files

You can choose to embed images located in your course files [1] or your personal files [2]. As a student, you can embed any image from your files into the Rich Content Editor, even images that are in folders only visible to you.

Note: When accessing course files for image uploads, you will only be able to see images that are public to the entire course.

Select Image

Select Image

To embed a previously uploaded image, click the image you wish to embed.

Upload Image

Upload Image

To upload an image to embed, click the Upload File button.

Select File

Select File

In the dialogue box, select a file to upload [1]. Then click the Open button [2].

View File

View File

View your uploaded file.

Insert Alt Text

Insert Alt Text

The Attributes field will populate the Alt text field [1], which is the name of the image. For better accessibility, type a description of the image contents. To add the image as decorative, click the Decorative image checkbox [2]. If the Decorative Image checkbox is selected, the alternative text field is grayed out.

Note: If you want to include an image title, which will appear when a user hovers over the image, embed the image and then switch to the HTML Editor. Title tags must be manually added to the HTML code.

Change Attributes Image Dimensions

Change Atteributes Image Dimensions

The image’s default dimensions will also populate automatically. Dimensions are referenced in pixels defined by width then height.

To change the image dimensions, type in the number of pixels you would like for the new image width [1]. Then press the Tab key on your computer keyboard. Since Canvas maintains the aspect ratio of your image, the entry for the image height will be changed automatically [2].

Embed Image

Embed Image

Click the Update button.

Note: As a future shortcut, if you do not need to change any of your image's attributes, locate your image and simply double click the name of your image. The image will be embedded directly to your post.  

View Embedded Image

View Embedded Image

View your embedded image in the Rich Content Editor.

Edit Image Properties

Edit Image Properties

To edit an existing image, click the image [1], then click the Image icon [2]. The insert/embed window will appear to make changes.

When you edit an existing image, the URL tab will display the location of the Canvas image; however, the Canvas tab will still display the file. The attributes will remain the same across all tabs and can be edited as necessary.

If you want to replace your Canvas image, click the Canvas tab [3] and locate another image.

Visually Resize Image

Visuall Resize Image

You can also use the handles around the image to visually change the image size. To do this, click the image, then hover over one of the white bounding boxes until your cursor becomes an arrow. Drag and resize the image. Please note that the image will always retain its aspect ratio as to not become distorted.

Note: The Rich Content Editor does not support image cropping.

You are here
Table of Contents > Rich Content Editor > How do I embed images from Canvas into the Rich Content Editor as a student?

Attachments

    Outcomes