Why and How to Clean Copy/Paste

Reading with Tabs

Copy/Paste Can Create a Lot of Junk

Copying from web pages, PDFs, or other documents can bring hidden styles and loads of gibberish that disrupt accessibility. If you need to copy/paste, ideally you want to paste as plain text first, then apply structure and formatting.

Invisible Clutter

Compare how much unnecessary code a standard copy-and-paste adds versus a cleaner method. There’s no need to study every line—just notice the wild difference in complexity!

Invisible clutter like the extra code on the left can slow loading, interfere with dark mode, and cause unpredictable results for screen readers.

Glance at all the clutter created in this copy/paste announcement from Word into Canvas.

Long page of HTML with many extra tags and red code, showing clutter from a direct paste out of Word

And here's the same content, this time pasted cleanly into Canvas without formatting—what a difference!

Short, clean HTML snippet with minimal tags after using a clean paste method

How to "Clean" Paste Without Formatting

Clean pasting reduces hidden formatting and gives you a reliable starting point. Afterward, reapply and check the structure in Canvas.

On Mac

Try Command + Shift + V in browsers and editors that support paste without formatting.
If that shortcut does not work, use Edit > Paste and Match Style. Your Mac will show the shortcut available in that app.

On Windows

Ctrl + Shift + V — Paste without formatting (Chrome, Edge, and many editors).
Microsoft 365: Ctrl + Alt + V → select Unformatted Text or use Paste > Keep Text Only.
Google Docs: Ctrl + Shift + V for clean paste.

After You Paste

Reapply headings using the format menu.
Use list buttons for bullets and numbers.
Convert pasted URLs into descriptive link text.
Run the accessibility checker and view the heading list to verify proper structure.

Optional Washing Station

Another option is to paste into a plain text editor (TextEdit in plain text mode on Mac, Notepad on Windows), then copy and style.

Optional: Using AI

If you are interested in using generative AI to clean up coding for Canvas, you can tell it something like:

Clean this HTML for use in Canvas. Preserve Canvas and DesignPLUS components, media embeds, working links, images, and existing alt text. Remove only unnecessary Word or Google formatting, such as excess spans and inline font styles. Keep semantic headings, paragraphs, lists, and tables. Do not invent alt text or change URLs. Return an HTML fragment, not a complete webpage.

Important: Review the result before pasting it into Canvas. AI can remove necessary code or change meaning.

Dark-Mode-Safe Design Rulebook

Dark mode can reveal hidden formatting you didn’t know was there—especially after a “dirty paste” from Word, Google Docs, PDFs, or webpages. This rulebook is about prevention: keep new pages clean, and fix older pages when you’re already editing them.

In this example, text has been "dirty" pasted into a Canvas page, and the black font has been "hard coded" into the HTML. Whether the background is white or black, the text remains black, rendering it invisible in dark mode.

With the hard-coded color removed, the text can follow the theme and switch to a light text color in dark mode.

dark mode on phone, black text on black background

Here is this section of the page in dark mode; the text automatically switches to white against the black background. Yay!

white dark mode safe rulebook text against a black background

Please review the following 3 tabs if you design courses or resource containers in Canvas:

Big Picture

Dark mode is one more way people might view your Canvas content, especially if they use OS settings or browser extensions. You can’t control every combination of theme, device, and plugin—and rebuilding an entire course around dark mode is too much.

Instead, aim for three things:

Know the common patterns that break in dark mode.
Stop adding new problems moving forward.
Repair older pages gradually, when you’re already revising them.

Think of this as “know better, do better.” Clean and consistent beats perfect.

Core Design Rules

These habits help your pages behave in both light and dark themes.

Let Canvas control text color. Avoid changing body text color in the editor. In dark mode, inline color styles can turn text invisible or unreadable.
Use structure instead of color. Real headings, lists, and spacing communicate meaning in a way that works for everyone (and survives theme changes).
Prefer theme-aware components. Use DesignPLUS callouts, panels, or wrappers for emphasis, and keep body text in the default theme color.
Assume “dirty paste” leaves stains. Regular paste can import hidden spans and inline styles that don’t fully go away—even if you delete the text later.
Clean paste from the start. Use Paste and Match Style / plain text first, then rebuild formatting in the Rich Content Editor.
When in doubt, rebuild. If a section is behaving strangely in dark mode, the most reliable fix is to replace the entire section with fresh text (pasted clean).
Spot-check key pages. Flip to dark mode and look for “disappearing” text, weird backgrounds, or tabs that look blank.

You don’t need to hunt down every old page. Use these rules on new content and on any page you’re already touching.

Accessibility Statement Tip

Even with careful design, some older content may not behave well in dark mode, especially if it has years of copied-and-pasted formatting. An accessibility statement helps set expectations and invites people to tell you when something isn’t working.

You might adapt language like this:

This course was built with accessibility in mind, but some older materials may not behave well in dark mode or with certain browser extensions. If you notice text disappearing or becoming hard to read, try switching to a light theme or using a different browser. Please reach out if you hit an access barrier so we can find a workable solution.

The message is:

Rebuilding everything from scratch isn’t realistic.
Dark mode issues are known and taken seriously.
Barriers will be addressed as they come up.

This is also a kindness to you: it sets a realistic standard and keeps support focused on what actually impacts access.

Quick Check

Which approach best preserves accessibility and consistency when moving content into a Canvas page?

Paste normally, then bold and resize text to make it look like headings.: Visual changes don’t create real structure. Screen readers won’t recognize these as headings or lists.
Use “paste without formatting” (Mac: Command+Shift+V where supported; Windows: Ctrl+Shift+V) or paste into a plain text editor, then apply headings and lists with the RCE.: Correct: Clean paste reduces hidden styling; rebuilding headings and lists with the RCE restores semantic structure that works across platforms and devices.
Copy directly from a styled webpage so fonts and colors remain the same.: Imported inline styles often override templates, cause contrast issues, and break accessibility.

Connection

Clean code isn’t just tidy; it’s resilient. When you paste without hidden styling, your content adapts gracefully to different themes, including dark mode, and displays consistently across devices.