Learning Technology@LJMU

Staff Guide: New Rich Content Editor

Canvas has a new Rich Content Editor. The same tools are still available, the toolbar has been re-designed to include grouped menus, allowing you to quickly gain access to the tools you need the most.

There's also a text based menu, so you can choose whether to use icons in the toolbar, or the file menu to update your content.

Rich Content Editor Toolbar Sub Menus 

The configuration of the editor has been changed slightly so that activities are now grouped together into sub menus. For example, previously bullet points and numbered lists were divided up into two icons, these now appear alongside additional options under the ‘ordered list’ grouping, allowing you to select the type of list from the submenuin the toolbar: 

Old Rich Content Editor - List Options
Old Rich Content Editor - List Options

New Rich Content Editor - Sub Menu Options
New Rich Content Editor - Sub Menu Options

Documents 

To add documents, you need to click on the documents icon in the toolbar, click the drop down arrow for more options, including the option to Upload a Document, View Existing Course Documents, or access your personal user documents in Canvas.

New Rich Content Editor - Adding Documents
New Rich Content Editor - Adding Documents

 

Selecting any of these options opens up a panel that allows you to browse and search for documents.

erinhallmark_3-1605913170124.png
Browse or search for documents in your course or users files.

New Text Based Menu 

The workflows around the new icons in the Rich Content Editor (RCE) are intended to be intuitive, but, if you can’t find what you’re looking for, this new text-based menu is helpful. It lists all the tools that are available in the toolbar, but in a more structured, Word-style menu. 

New Rich Content Editor - Text Menu
New Rich Content Editor - Text Menu

Headings 

You may not have noticed them in the old RCE, because they were the last option in the toolbar, but Headings have now moved to the top. Using the headings structure in your text makes the content more accessible to students. Ensure you use the Heading levels to represent titles and nested elements in your content. 

New Rich Content Editor - Text Menu
New Rich Content Editor - Text Menu

New Rich Content Editor - Headings Menu
New Rich Content Editor - Headings Menu

Tip: Avoid using particular fonts or text decoration as this can make it difficult for students to read text. Use the default heading structure to increase and decrease the size of your text.

Accessibility and HTML 

The accessibility option has now moved further down the page, beneath the editing space. A new option also includes keyboard shortcuts, providing a list of activities and their keyboard equivalents. 

New Rich Content Editor - Accessibility and Shortcuts

Please consult the LJMU Digital accessibility staff and student guide for further help with digital accessibility

External Tools 

External tools are no longer displayed in the toolbar, but are now available in the ‘Apps’ group. Click on the ‘Apps’ icon to see options for adding content from: 

  • Canvas Commons 
  • Microsoft Office 365 
  • Panopto 
  • SlideShare 
  • Twitter 
  • Vimeo 
  • YouTube 

New Rich Content Editor - External Tools
New Rich Content Editor - External Tools

Hyperlinks 

You can now use the link icon to provide quick links to URLs outside of Canvas as well as other sections of your course. Similar to adding documents, see above, you can now search links within the course, so that they can be re-used across the site with ease.

New Rich Content Editor - Hyperlinks
New Rich Content Editor - Hyperlinks

Adding Media

There are now additional, alternative options for adding media to your course. You can add content from your course files space, or even from your own User space in Canvas: 

New Rich Content Editor - Adding Media
New Rich Content Editor - Adding Media

HTML Editor 

The HTML editor is also now incorporated into the toolbar: 

New Rich Conent Editor - HTML View

Expanding and Minimising your View 

You can now expand the editor to full width of your screen. You’ll find this option alongside the accessibility tools, beneath the editor. Once in full screen mode, you can press ESC on your keyboard to exit, or use the text-based menu and select ‘view/full-screen’ to exit.  

New Rich Content Editor - Full Screen Mode
New Rich Content Editor - Full Screen Mode

You can also use the status bar icon to increase the editing space without going into full screen mode:

New Rich Content Editor - Expand

 

Accessibility