About the Canvas New Rich Content Editor

On this page:


Overview

In early summer 2020, Instructure is replacing the classic Rich Content Editor (RCE) in Canvas with an updated version, which features a simplified set of toolbars containing related functions (styles, formatting, alignment, etc.). At Indiana University, courses provisioned by SIS and manually created on or after April 9 are configured to use the new editor by default. In older courses, the new editor is available as a course-level feature option. The classic editor will be permanently disabled in Canvas at the end of the fall 2020 term.

The new editor includes almost all of the capabilities of the classic editor, but the user experience has changed significantly. To help you navigate the new editor, a summary of these changes is provided below.

For more, see What is the New Rich Content Editor?

Click More... for more tools

Depending on the width of your browser window, some tools may not be visible in the toolbar of the new editor. To see all available tools, click the More... symbol (⋮) at the right end of the toolbar. The toolbar will wrap to a second line.

New Rich Content Editor with More option highlighted

Content selector options

All of the options in the content selector (the classic editor sidebar that facilitates embedding and linking to course content and files) have been incorporated into drop-down menus in the toolbar of the new editor:

The classic Rich Content Editor sidebar for links, files, and images

  1. To access the options formerly located under the Links tab of the content selector, in the new Rich Content Editor, open the Links drop-down menu and select Course Links. A slide-out menu will appear, allowing you to select the content type and item.

    New Rich Content Editor Links drop-down

  2. To access the options formerly located under the Files tab of the content selector, in the new Rich Content Editor, open the Documents drop-down menu. Select Upload Document to upload and select a new file, Course Documents to select a file from the Files tool in the current course, or User Documents to select from your personal Files tool.

    New Rich Content Editor Documents drop-down

  3. To access the options formerly located under the Images tab of the content selector, in the new Rich Content Editor, open the Images drop-down menu. Select Upload Image to upload and select a new file, Course Images to select a file from the Files tool in the current course, or User Images to select from your personal Files tool.

    New Rich Content Editor Images drop-down

Tool consolidation and icon updates

In the new editor, instead of displaying a separate icon for every feature, related features have been consolidated into drop-down menus. Also, the icons themselves have been updated. Many are similar to their counterparts in the classic editor, but some may not be easily recognized. The table below gives the old and new icons, tool tips, and ARIA labels for icons that have changed significantly and/or been moved to an option in a drop-down menu.

Classic editor New editor
Tooltip/ARIA label Icon Tooltip/ARIA label Icon
Clear formatting Classic Clear formatting icon Clear formatting New Clear formatting icon
Align left, Align center, or Align right Align left, Align center, and Align right icons Align, and then Align left, Align center, or Align right New Align drop-down
Superscript or Subscript Classic Superscript and Subscript icons Superscript, and then Subscript New Superscript drop-down with Subscript option exposed
Decrease indent or Increase indent Classic increase and decrease indent icons

Increase indent, and then Decrease indent

(The drop-down with the Decrease indent option is only visible when text is indented.)

New Increase indent drop-down with Decrease indent option exposed
Bullet list or Numbered list Classic Bullet list and Numbered list icons Ordered and Unordered Lists New Orderd and Unordered Lists drop-down
Insert/edit media or Record/Upload Media Classic Insert/edit media icon Classic Record/Upload Media icon

Record/Upload Media, and then Upload/Record Media, Course Media, or User Media

(The option to add an embed code is in the Upload/Record Media slide-out.)

New Record/Upload Media drop-down
Link to URL or Remove link Classic Link and Remove link icons Links, and then External Links or Course Links, or (if a link is selected) Edit Link or Remove Link New Links drop-down New Links drop-down with Edit Link and Remove Link options exposed
Embed image Classic Embed image icon

Images, and then Upload Image, Course Images, or User Images

(Choose the Upload Image option to upload an image file, search for an image file in Unsplash, or enter the URL for an image.)

New Images drop-down
Embed Kaltura Media, Macmillan Higher Education Editor Button, or More External Tools Classic external tool icons Apps; this icon opens a searchable list of the available external tools New Apps icon
Left to right or Right to left Classic text direction icons directionality, and then left to right or right to left New directionality drop-down

This is document bfxr in the Knowledge Base.
Last modified on 2020-06-04 16:16:44.

Contact us

For help or to comment, email the UITS Support Center.