Canvas LogoRich Content Editor User Interface Overview

This feature option will be enabled for La Salle University on December 19, 2020.

The toolbar includes a condensed, more intuitive look. Toolbar menus are grouped by common icons and interactions.

The following enhancements are included with this feature update:

  • The Rich Content Editor expands to the full width of the browser and can also be expanded into full screen mode
  • 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
  • When content in a browser window is long enough to require a scroll bar, the Rich Content Editor menu bar is fixed at the top of the browser window. Users can scroll the length of the browser page and manage content in the Rich Content Editor without having to scroll back up the page to access the menu.
  • The Keyboard shortcut, Accessibility Checker, and HTML Editor icons have moved to the bottom of the editor next to the word count. Additionally, the Rich Content Editor window can be resized using the Move handle below the window, and the window can be expanded to full screen.

erinhallmark_2-1604355093477.png

Watch the Video Tutorial

Feature Documentation

How-to documentation for this feature is included in the Canvas Guides:

Rich Content Editor New Rich Content Editor
Formatting Icons Standalone menus in toolbar

  • Font size and Paragraph Heading menus located at the end of the toolbar
  • Bold, Italic, Underline, Text Color, Background Color located at the front of the toolbar
Grouped in first section of the toolbar

  • Font size and Paragraph Heading menus located in the first section of the toolbar
  • Bold, Italic, Underline, Text Color, Background Color, and Sub/super script located in the second section of the toolbar
  • Also grouped in the Format menu bar
Add External Links (URL) Standalone icon in toolbar

  • Can add link only
  • After the link is added, the text displays in the editor as ‘Link’
  • Can choose to have new links open in a new window
Grouped in third section of toolbar Link menu

  • Can add text and link
  • After the link is added, the text displays in the editor with the specified text
  • Links open in a new window by default
  • Also grouped in the Insert menu bar
Add Course Links Permanent sidebar next to RCE includes Links tab to link to other content in the course Grouped in third section of toolbar Link menu

  • Course Links displays a sidebar automatically filtered to course links
  • Also grouped in the Insert menu bar
Remove Link Standalone icon in toolbar When text link is selected, the removal option is displayed in the toolbar Link menu
Upload Image Standalone Embed Image icon

  • Window displays tabs for URL, Canvas, and Flickr options
  • Permanent sidebar next to RCE includes Images tab to upload images, search Flickr, and select course images
Grouped in third section of toolbar Image menu

  • Upload Image link: displays a sidebar with tabs for computer uploads (file search or drag and drop), Unsplash, and URL
  • Course Image link: displays a sidebar automatically filtered to course images
  • User Image link: displays a sidebar automatically filtered to user images (the My Files folder in Canvas)
  • Filtered results displays all image files (not organized by folder)
  • Also grouped in the Insert menu bar
Upload/Record Media Standalone icon in toolbar

  • Displays a window for uploading via computer search or recording media
Grouped in third section of toolbar Media menu

  • Upload/Record Media link: displays a window for uploading via computer (file search or drag and drop) and recording media
    • This link may not be available depending on institution preference
  • Course Media Link: displays a sidebar automatically filtered to course media files
  • User Media link: display a sidebar automatically filtered to user media files
  • Filtered results display all media files (not organized by folder)
  • Also grouped in the Insert menu bar
Upload Documents Permanent sidebar next to RCE includes Files tab to link to other course files and upload new files Identified by file type in one of several toolbar menus: Images, Media, or Documents
External Apps (LTI Tools) Up to two display as standalone icons in toolbar; more than three are grouped in a menu

  • Apps are organized by the order in which the apps were added
Standalone icon as fourth section of toolbar

  • Icon changes to a menu after at least one app has been selected; up to five recently viewed apps display in the menu
  • Apps are organized alphabetically Apps can be located and selected via search field
  • Also grouped in the Tools menu bar
Text Alignment Standalone icons in toolbar for left, center, and right alignment Grouped in fifth section within toolbar Align menu for left, center, and right alignment
Bullet List Standalone icon with only one bullet type Grouped in fifth section within toolbar Bullet menu with multiple bullet options
Numbered List Standalone icon with only one numbering type Grouped in fifth section within toolbar Bullet menu with multiple numbering options
Paragraph Direction Left-to-right and right-to-left icons are standalone in toolbar Grouped in the Format menu bar under the Directionality option
Horizontal Line Grouped in menu Grouped in the Insert menu bar
Clear Formatting Icon Standalone icon in toolbar next to Background Color menu Located in sixth section within toolbar next to Table menu
Table Menu Standalone menu in toolbar Standalone menu in sixth section of toolbar

  • Also grouped in the Table menu bar and Insert menu bar
Insert Math Equation Icon Standalone icon in toolbar Standalone icon in sixth section of toolbar

  • Also grouped in the Insert menu bar
Embed Media Standalone icon in toolbar (Insert/edit media) Grouped in sixth section within toolbar as standalone icon

  • Also grouped in the Insert menu bar
Keyboard Shortcut Icon Located above the RCE window Located below the RCE window
Accessibility Checker Icon Located above the RCE window Located below the RCE window

  • Also grouped in the Tools menu bar
Word Count Located below the RCE window Located below the RCE window
HTML Editor Link Located above the RCE window Located below the RCE window

  • Also grouped in the View menu bar
Full Screen Icon N/A Located below the RCE window

  • Also grouped in the View menu bar

Watch the Video Tutorial