New Rich Content Editor

On this Page

What is the New Rich Content Editor (RCE)?

The New Rich Content Editor (RCE) is an update to the existing text editor that provides a condensed, more intuitive toolbar that is grouped by common icons and interactions. The New RCE is used in the following Canvas features: 

  • Announcements
  • Assignments
  • Discussions
  • Pages
  • Quizzes
  • Syllabus

New Rich Content Editor Features

Overview

The following enhancements are included with this feature update:

  • The Rich Content Editor expands to the full width of the browser.
  • The toolbar includes a condensed, more intuitive look.
  • Toolbar menus are grouped by common icons and interactions.
  • The content sidebar only displays when linking to other parts of Canvas, accessing Canvas files, or accessing uploaded media.
  • Image and media additions include drag and drop; images include an Unsplash search and content auto-scaling.
  • The Keyboard shortcut, Accessibility Checker, and HTML Editor icons have moved to the bottom of the editor next to the word count. 
  • The editor automatically autosaves any content that hasn’t yet been submitted for up to one hour.

The New Rich Content Editor interface consists of three sections: the menubar [1], the toolbar [2], and the content area [3]. 

Location of the menubar, toolbar, and content area within the New Rich Content Editor.

Use the menubar and toolbar to add, edit, and format content. Options in the toolbar include: format text [1]; insert links, images, media, and documents [2]; open external tools [3]; format paragraphs [4]; clear formatting [5]; add tables [6]; and insert an equation [7]. When content in a browser window is long enough to require a scroll bar, the toolbar is fixed at the top of the browser window. These toolbar options as well as additional options are available from the menubar. 

Location of shortcut icons for adding, editing, and formatting content in the toolbar within the New Rich Content Editor.

If the browser isn’t expanded to fit the full width of the toolbar, the toolbar displays an Options menu that includes the remaining toolbar items.

Location of the Options menu that includes hidden shortcut icons due to window size.

Use the content area to add and preview content. 

Location of the content area

The editor status bar provides easy access to keyboard shortcuts [1]; the accessibility checker [2]; content word count; and the HTML editor. Additionally, the Rich Content Editor window can be resized using the Move handle below the window [5].

Location of shortcut icons in the status bar within the New Rich Content Editor.

Formatting Content

The text and paragraph formatting tools are located in the first section of the toolbar. Options in the toolbar include: font size and paragraph formatting [1]; font formatting [2]; and page formatting [3].

Location of formatting shortcut icons in the toolbar within the New Rich Content Editor.

Inserting Content

To insert content, use the Insert dropdown from the menu bar [1] or select an icon from the toolbar [2]. 

Screenshot highlighting the Insert menu bar option and insert content icons in the toolbar.

When inserting content, the sidebar tray displays links to content items in a course, group, or user files. From the sidebar tray, you can insert links, files, and media. Click the item name to insert the item at the cursor location in the content area or as a link for highlighted text.  

Insert content sidebar tray for links and files

More information for Instructors:

More information for Students:

Using External Tools

You can use the New Rich Content Editor to embed content and links from external apps that have been set up in your course. Selected external tool icons like Panopto will display next to the Apps icon in the editor toolbar.

You can view a list of external tools from the menubar or toolbar. From the menubar, click the Tools link [1], navigate to the Apps option, then select the View All option. Alternatively, you can view your apps from the toolbar by clicking the App icon [4].

Screenshot highlighting the location of the Apps option from the menubar and Apps icon from the toolbar.

Embedding and linking options vary depending on the app you’re using. For specific instructions for embedding and linking to external app content, please refer to the app vendor’s user guides.

New Rich Content Editor Resources & FAQ