Canvas Release: New Rich Content Editor (2020-01-18)

Document created by Erin Hallmark Administrator on Oct 4, 2019Last modified by Erin Hallmark Administrator on Mar 3, 2020
Version 11Show Document
  • View in full screen mode

This document introduces the New Rich Content Editor as noted in the Canvas Release Notes (2020-01-18) 

 

For additional feature updates, please refer to the Rich Content Editor release notes entries.

           

The New Rich Content Editor enhances the content creation experience in Canvas.

 

Feature/Integration Setup

Feature Options

The New Rich Content Editor involves the RCE Enhancements feature option, which can be allowed on a course-by-course basis or turned on for all courses across the entire account. By default, this feature option is set to Off. Canvas admins can manage this feature option in Account Settings.

 

Account Management

Permissions

The Rich Content Editor displays content inherent to each user role.

 

Users will view both course and user files in the Rich Content Editor if they have the Course Files - add / edit / delete permission enabled. 

 

Users without this permission only view their own user documents.

 

Course Setup

Feature Options

If the RCE Enhancements feature option is not already turned on for the entire account, instructors can enable the RCE Enhancements feature option in Course Settings.

 

Course-Level Features

Rich Content Editor UI Overview

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
  • 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. Additionally, the Rich Content Editor window can be resized using the Move handle below the window.

 

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.

 

If you’ve selected an item within a menu, the menu displays an arrow indicating the location of the most recent active item.

 

 

Paragraph Formatting

The font size and paragraph menus have been moved to the first section of the tool bar.

 

New Paragraph and Formatting Menu

 

Text Formatting

The text formatting options have been retained grouped together, in addition to the subscript and superscript options. When a subscript or superscript is selected, an arrow displays above the selected option.

 

New styling options in the Rich Content Editor

 

Page Formatting

The text alignment options have been consolidated into a single menu. Additionally, the Rich Content Editor includes a consolidated bullet and numbering menu with additional bullet display options. 

 

This toolbar section also includes options for increasing and decreasing indents and paragraph spaces.

 

New formatting options in the Rich Content Editor

 

The Links menu includes link options for external links and links within a course.

 

 

External links include an option for the name of the link and the link URL.

 

New Rich Content Editor Insert Link Window

 

Course links display from a sidebar and allow the user to select a link from a page, assignment, quiz, announcement, discussion, module, or course navigation link.

 

Sidebar links for pages

 

Images 

Images can be uploaded from a computer, added from course files (with permission), or added from images in the User Files folder.

 

Images Menu

 

Uploaded Images

Uploaded images can be uploaded via drag and drop or by browsing the computer. The option to select images via Flickr has been replaced with Unsplash. Additionally, images can be uploaded via URL.

 

Uploads and URL entries display previews in the upload window, which helps confirm if the correct image has been selected.

 

 

Once the image has been inserted into the Rich Content Editor, the image also displays as a preview in the Rich Content Editor. Image options can be modified by clicking the image and selecting the Options button. The sidebar provides alt text options, display options, and allows the image size to be selected. By default, the Alt Text is the name of the image.

 

 

Notes

  • In Display Options, images are embedded by default. If the image is changed to the Display Text Link option, the image cannot be changed back to being embedded unless the image is removed and re-added. 
  • Uploaded images via computer are added to the course folder by default; however, if a user doesn’t have access to the course files folder, uploaded images are added to the User Files folder. 
  • Uploaded images may take a few moments to fully render and display in the Rich Content Editor window.

 

Course Files/User Files

Files can be added from course files (with permission) or the User Files folder. In both Course and User files, the Images folder is displayed by default. However, users can choose to view all files, which displays the complete files structure in the course.

 

Images previously uploaded to course files or the user’s files can be previewed in the sidebar before they are added to the Rich Content Editor.

 

Course Files view with Images and All Folder view with files tree

 

Media

Media can be uploaded from a computer or recorded, uploaded from course files (with permission), or uploaded from the My Files folder.

 

Media Menu

 

Uploaded Media

Uploaded media can be uploaded via drag and drop or by browsing the computer. Once selected, the video displays a preview in the upload window, which helps confirm if the correct video has been selected.

 

Media Upload window

Media Upload Preview

 

Subtitles

Subtitles can also be added to uploaded videos with the Add CC/Subtitles checkbox.

 

Subtitles checkbox in Rich Content Editor

 

When selected, the window includes the option to select the language for the subtitles and a button to select the subtitle file. Subtitle files must be created in advance, either through Amara or another subtitling tool.

 

Accepted file types include SRT and VTT files. Files can be deleted if needed and re-uploaded.

 

Uploading caption files in the Rich Content Editor

 

Once the media has been inserted into the Rich Content Editor and fully uploaded, media also displays as a preview in the Rich Content Editor.

 

Note: Uploaded media may take a few moments to fully render and display in the Rich Content Editor window. Until the video is uploaded, the Rich Content Editor displays a gray box as a placeholder.

 

 

Video Options

Options for uploaded videos can be viewed by clicking the video and clicking the Options button. The Title field defaults to the name of the title.

 

The Options menu allows a user to update the title, display options, and size. By default, uploaded videos are embedded by default and set as a large video. Sizes are as follows:

  • Medium: 320x181px 
  • Large: 400x226px
  • Extra Large: 640x361px
  • Custom: aspect ratio is preserved 

 

Video Options

 

Note: The Display Text Link option will be available for testing in the beta environment on January 2.

 

 

Recorded Media

Media content can be recorded directly in the Rich Content Editor. Users must allow permission for their computer to access their microphone and webcam. If a user has more than one microphone and/or webcam, the intended microphone and/or webcam can be selected by clicking the button for the desired medium. Recorded media can be previewed before being saved to the Rich Content Editor.

 

 

Once the media has been inserted into the Rich Content Editor and fully uploaded, media also displays as a preview in the Rich Content Editor.

 

Note: Recorded media may take a few moments to fully render and display in the Rich Content Editor window. Until the video is rendered, the Rich Content Editor displays a gray box as a placeholder.

 

 

Embedded Media

Embedded media can be added via embed code. 

 

Embed Media Window

 

Once added, the embedded content displays as a preview in the Rich Content Editor.

 

Embedded video preview in the Rich Content Editor

 

Course Media/User Media

Media content can be added from course files (with permission) or the User Media Files folder. In both Course and User files, the Images folder is displayed by default. However, users can choose to view all files, which displays the complete files structure in the course.

 

Media files previously uploaded to course files or the user’s files can be previewed in the sidebar before they are added to the Rich Content Editor.

 

Course Files view with Media and All Folder view with files tree

 

Documents

Documents can be uploaded from a computer, added from course files (with permission), or added from the My Files folder. 

 

Documents Menu

 

Uploaded Documents

Uploaded document files can be uploaded via drag and drop or by browsing the computer. Selected documents cannot be previewed in the upload window. 

 

Uploaded files are added to the course folder by default; however, if a user doesn’t have access to the course files folder, uploaded files are added to the user’s My Files folder.

 

 

Once the name of the file displays in the Rich Content Editor, file options can be modified by clicking the file name and selecting the Options button. The sidebar provides the file name field, link URL, and display options, which can default to collapsed or expanded.

 

 

Course Documents/User Documents

Documents can be added from course files (with permission) or the User Documents Files folder. In both Course and User files, the Images folder is displayed by default. However, users can choose to view all files, which displays the complete files structure in the course.

 

Unlike other file types, documents cannot be previewed in the sidebar before being added to the Rich Content Editor.

 

Course Files view with Documents and All Folder view with files tree

 

Apps

External apps are located within the Apps icon and are displayed in alphabetical order. The App window includes a Search field, which allows a user to search for and add an app. The selected app displays its content from the page sidebar or a standalone window. 

 

App Window

 

Apps must be previously installed in the account or course to display in the Rich Content Editor Plugin page.

 

If Commons is installed as an LTI tool, Commons favorites can also be added from the Rich Content Editor.

 

Community Resources

Future Enhancements

This document outlines existing functionality included in the initial release of this feature. The Rich Content Editor will continue to receive additional feature enhancements over future releases as indicated in Canvas Release Notes. Please follow the release notes for future functionality updates, which will be indicated by the rich content editor tag.

 

Customer Feedback

Community feedback for the Rich Content Editor is welcome per Canvas Community Feedback Guidelines, which outlines general feedback, broken functionality, and feature enhancements.

 

For the Rich Content Editor, feature enhancements should include the rich content editor tag. Before submitting a new idea, please review all existing Rich Content Editor feature ideas.

 

User Group

Feedback is also welcome in the Assignment Workflow Improvements User Group.

 

Feature Documentation

New documentation for this feature will be available on 2020-01-18 in the Canvas Guides

 

When lessons are available, comments are welcome for functionality clarification. Lessons will also be updated with all future enhancements as indicated in release notes.

9 people found this helpful

Attachments

    Outcomes