Canvas Guides (English)Canvas GuidesCanvas Instructor Guide Rich Content EditorHow do I use the HTML view in the Rich Content Editor as an instructor?

How do I use the HTML view in the Rich Content Editor as an instructor?

You can embed HTML in the Rich Content Editor. When creating custom HTML coding in Canvas, you may discover that certain HTML codes do not work upon saving. This is because Canvas will only support certain HTML elements for security reasons. This also applies to content copied and pasted from an external source. Below is a link to a list of HTML tags that are permissible in Canvas. HTML tags that are not on this list may be stripped out of the Rich Content Editor when you save your work. View the Canvas HTML Editor Allowlist PDF for more information.

The HTML Editor in the Rich Content Editor can display HTML in either a pretty HTML editor with numbered lines and syntax highlighting or a raw HTML editor that displays HTML as raw text.

Several features in Canvas support the Rich Content Editor, including Announcements, Assignments, Discussions, Pages, Quizzes, and Syllabus.

Note: The Rich Content Editor saves the last used HTML editor state (raw or pretty). This persists across browser tabs and windows.

Open Rich Content Editor

Open Rich Content Editor

Open the Rich Content Editor when creating or editing an announcement, assignment, discussion, page, quiz, or syllabus.

Note: The Rich Content Editor supports keyboard shortcuts. To view the Keyboard Shortcuts menu, click the Keyboard icon or press ALT+F8 (PC keyboard) or ALT+FN+F8 (Mac keyboard).

Open HTML Editor

Open HTML Editor

Click the HTML editor icon.

Note: When in HTML view, you can click the same icon to return to the Rich Content Editor.

Edit HTML Content

Edit HTML Content

The HTML editor displays the pretty HTML editor by default. The pretty HTML editor displays line numbers and syntax highlighting.

Enter content in the HTML editor or edit existing content using HTML.

View Raw HTML Editor

View Raw HTML Editor

To switch to the Raw HTML Editor and edit your HTML in plain text, click the Raw HTML Editor link.

Edit Raw HTML

Edit Raw HTML

Edit your HTML in plain text without line numbers or syntax highlighting. To switch back to the Pretty HTML Editor, click the Pretty HTML Editor link.

Save Changes

Save Changes

Click the Save button.

Notes:

  • The assignment, discussion, pages, and quizzes details pages display a Save & Publish button.
  • The Syllabus page displays an Update Syllabus button.
  • Discussion replies display a Post Reply button.