Canvas

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, and Quizzes.

Open Rich Content Editor

Open the Rich Content Editor when using one of the Canvas features which support the Editor.

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

Click the HTML Editor icon.

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

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

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

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

Click the Save button.

Note: When using the Rich Content Editor in Discussions, the Save button may appear as the Post Reply button.