After copying from other sources, paste the content into Canvas using Ctrl/⌘+Shift+V then reapply any styles that may have been removed.
After pasting content from other sources, select the content, click the Clear Formatting button, and then reapply any styling that may have been removed.
[Advanced] Install a Find and Replace extension to your web browser, open the HTML Editor in Canvas, use the Find and Replace tool to remove or replace the common code discussed on this page.

Benefits

By following this recommendation, you will:

better ensure that your content will appear correctly even if Canvas has a major update.
help keep the load time of your Canvas page as short as possible.
potentially improve the user experience of persons using text-to-speech programs.

Why Is This Recommended?

The listed practices of this recommendation are too basic to need a requirement. Creating such a requirement would be like telling college students that they must write essays using letters and words. Most professional web designers who know what they are doing will do their best to remove the non-essential code in order to prevent their designs from turning into a complete mess when new style guides are applied and to prevent their audience from having to sit through long load times.

How to [Advanced]

For guidance on applying the recommendations labeled [Advanced] refer to the directions below or seek assistance from your college's Digital Learning Strategist. Additionally, if you're not used to working with HTML, you may want to review our HTML Crash Course page.

Advanced: Replacing/Removing Code

To check if your sizing technique works well on mobile devices, do the following:

Install a Find and Replace Tool addon for your web browser.
1. Google Chrome: Find and Replace for Text Editing
2. Mozilla Firefox: Find and Replace for Text Editing
Go to the page or post in Canvas that needs extra coding removed.
Open the page or post in editing mode.
Click the HTML Editor link.
Open the Find and Replace tool.
Use the table in the next section to fill the fields of this tool.
Click the Replace All button.
Click the Rich Content Editor link to see how your code looks.
If the changes you made are more drastic than you expected, Cancel the editing mode and then get the assistance of someone more HTML savvy or go back into editing mode and use the Arrow buttons next to the Find What field and the Replace button instead of the Replace All button to try to replace all but the code that needs to be left as is.
Repeat steps 8 and 9 until satisfied then save your work.

Advanced: Code to Look For

The table below includes the common code you can remove. We will try to update this table regularly as more unnecessary code is identified.

**Common Code to Replace:**
Fill the fields with the following then press Replace All.
Find What (1st field)	Replace with (2nd field)
<span>	[Leave this field blank]
"	"
”	"
“	"
’	'
	[One Space]
[Two Spaces]	[One Space]
class="MsoNormal"	[Leave this field blank]
[other class="" that you didn't create]	[Leave this field blank]
font-size: .8320em;	[Leave this field blank]

Additional Reading

Last Updated Summer 2018