↓ Skip to Main Content
Teaching Contingency
  • Home
  • Microsoft Teams
  • Staff Remote Teaching Workshops
  • Frequently Asked Questions (FAQs)
Home › Wiki › Copying and Pasting from Word to the Web

Copying and Pasting from Word to the Web

Posted on April 12, 2021 by Tucker MacNeill
  • Page
  • Discussion
  • History
Frequently Asked Questions (FAQs) >
Wikis
> Copying and Pasting from Word to the Web

Contents

  • 1 Advice: do not copy and paste directly from Word
  • 2 Why?
  • 3 Extraneous and embarrassing code
  • 4 Best Practice for Copying and Pasting into My Studies

Advice: do not copy and paste directly from Word

It is not suggested to do a direct copy and paste from a Word document (.docx) file to a Web Content builder (like My Studies, Edublogs, etc).

There are various tools and ways to get around this issue, and this guide will cover My Studies as an example, but the theory and practice are the same for Edublogs, and other web-content creation tools.

I don’t need the why, just tell me how!

Why?

Microsoft Word has a lot of built-in formatting ‘code’ contained within it, that confuses Website builders because it so closely resembles html (Hypertext Markup Language) which is the code the entire world-wide-web is built upon.

Extraneous and embarrassing code

If one copies (Ctrl-C on windows or CMD-C on Mac) text directly from a Word document:

Screencapture of a word document with only text, but some headings, sub-headings and bulletpoints are in the example

My studies (and other editors) may ask you if you wish to keep formatting or remove it.

Keep Formatting button being highlighted

If you choose Keep Formatting rather than removing it, the text will actually contain a large amount of ‘code’ that is invisible to you, but not to the internet.

Here’s what this looks like in the content editor window… Not bad right?

Kept formatting, the text 'looks' normal in this window however...

Lets click on the “Source Code” button in the editor menu and see what it looks like.

Screencapture of the code button in My studies

Here’s the source code:

Screencapture of ridiculous amount of code in a picture

What an absolute mess! This will really play-havoc with the announcement when it gets sent to students through their mobile phones, or tablets.. And for that matter things like Chrome Books, etc will ALSO have a problem ‘reading’ this code.

If you choose “Remove Formatting” when first pasting, or use the remove-formatting button in the menu

Screencapture of the remove-formatting button in My Studies

The source code ‘looks’ a bit better, but there’s still extraneous code in the sample. This can STILL cause problems.

Screencapture of the source code with formatting supposedly removed, but still lots of weirdness in there.

Best Practice for Copying and Pasting into My Studies

This will take a bit longer, but will ensure the students looking at the entry have a better experience.

Copy the Word text into your computer’s clipboard with Ctrl-C on Windows or Cmd-C on a Mac, or right-click and choose Copy from the drop-down menu.

Go to the Content Editor window and click on the Source Code Button.

Screencapture of the Source Code button in My Studies

Paste (right-click paste or Ctrl-V on Windows, Cmd-V on Mac) in the blank window, and click Save

Screencapture of the pasted text and a save button highlighted

Now you will, admittedly need to FORMAT the text manually.

Screencapture of completely non-formatted text in the content editor, which one will now need to format

Re-arrange the text by headline – sub-heading and paragraph (body) text first.

Then Select the headline and make it a heading

Heading example

Select the sub-title and choose sub-heading 1

sub-heading choice example screenshot

And for the bulleted list… Select the text in the editor, and click on the Bulleted-list button.

Example of bulleted-list in the text highlighted with the button

Even not knowing about html code, a viewer can see (from the source code) that there’s a lot less confusing stuff happening in the window.

Screencapture of less confusing source-code in the editor

One can now run the ‘Accessibility Checker’ on the text in the editor.

Screencapture of the Accessibility Checker in My Studies

Good Accessibility!

Screencapture of the 'good' accessibility popup window

Now you can submit, and know that your students will all have an equally successful time reading the text online and on their devices.

Screencapture of the My Studies submit button

 

 

Category: FAQMicrosoft AppsMy Studies
About Tucker MacNeill

I am an artist, educator, and media-person specialising in helping to integrate technology into the pedagogy. I have been working in education since 1995. I work with teachers and course teams using digital technologies to advance both educational and institutional goals as a Learning Technologist.

‹ Panopto – Marking Video Assessments in My Studies
Migrating Mediastream Video to Panopto Video ›
Posted in

FAQ Wiki

  • Frequently Asked Questions (FAQs)

All Pages

  • Accessibility
    • S.C.U.L.P.T. – Accessibility Guidance
  • Continue to build a sense of community
  • DEL Essentials for Semester 2
  • Microsoft Teams
  • Module Triggering 2021
  • Panopto
  • Reflecting on materials and activities in My Studies and Teams
  • Remote Teaching
    • Alternative Assessments
    • Asynchronous Teaching with My Studies
    • Enhancing remote teaching
      • Interactive Tools in My Studies
    • No Detriment
    • Online Engagement
    • Remote tutoring
    • Student group work
    • Technologies to support Digitally Enabled Learning
  • Sitemap
  • Staff Remote Teaching Workshops
  • Supporting students to know what to do when
  • Troubleshooting External and Guest Access to Teams
    © 2023 Teaching Contingency
    ↑
    Responsive Theme powered by WordPress
    Viewing Message: 1 of 1.
    Notice

    We use cookies to personalise content, to provide social media features and to analyse our traffic. Read our detailed cookie policy

    Skip to toolbar
    • network
      • Network Home
      • Help and Support
      • The Edublogger
    • Log In