HTML Editor - For Advanced Users

Sometimes the RCE in Canvas just doesn't have a "nice" way to do something yet.

In these cases, "Switch Views" and edit the HTML directly. This link leads you to a few pointers on using HTML to directly edit your content >>>>>>>>> link

You may use the HTML Editor to wrap texts around images, edit images, position the images in a page, set in page navigation links and so much more.

When attempting to do 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. Click on the link below to access the list of HTML tags that are permissible in Canvas;

Canvas HTML whitelist PDF

HTML tags that are not on this list may be stripped out of the Canvas Rich Content Editor when you save your work.

How to Include a description below the image

Resize the image slightly so that Canvas attaches a height and width to the image in the HTML. Then switch views to see the HTML for the image. It might look something like this:

Add the div tags to open and close the image code.

<div><img src="/courses/553/files/2688/preview?verifier=96vXWIOrDgvzjQtbRkQzoa79rR1A4MmOB6URGTH0" alt="Collection of Social Media Logos" width="375" height="238" /></div>

Then add the style text below, using the same width as the image.

Finally, add a line break and the text of the description for the image before the div closing tag.

<div style="width: 375 px; text-align: center;"><img src="/courses/553/files/2688/preview?verifier=96vXWIOrDgvzjQtbRkQzoa79rR1A4MmOB6URGTH0" alt="Collection of Social Media Logos" width="375" height="238" /><br />There are so many Social Media sites today.</div>

See more on HTML Editor on Canvas Guides.