open
Elsewhere Online twitter Facebook SLS Blogs YouTube SLS Channel Linked In SLSNavigator SLS on Flickr

Microsoft Word to WYSIWYG flow

When it comes to HTML output, Microsoft Word is notoriously bad (except version 2007 or later). Unfortunately that makes cutting from Word and pasting it into the WYSIWYG editor a bad workflow because much of the HTML must be stripped out. Fortunately, there is a simple workflow that will typically get you close to the desired end results, and often will require little or no tweaking.

To properly paste a document that originated in MS Word into the WYSIWYG editor, follow these steps.

Microsoft Word 2007 or Later to the WYSIWYG Editor

  1. Open the document you wish to convert in Microsoft Word.
  2. Click the Microsoft icon in the upper-left and choose Save As > Other Formats.
  3. Using the Save As dialog that appears, set the Save as type dropdown selector to "Web page, Filtered", and click the Save button.
  4. You will be prompted with a message indicating all MS Word formatting will be removed. This is what's desired, so click the Yes button.
  5. When the document finishes saving, you should notice the appearance has changed. You may then copy all the desired text directly from Word and paste it into the WYSIWYG editor

Copying from Microsoft Word 2005 and Prior Versions to the WYSIWYG Editor

  1. Open the document you wish to convert in Microsoft Word.
  2. From the menu, choose File > Save As....
  3. Using the Save As dialog that appears, set the Save as type dropdown selector to "Web page" or "HTML".
  4. Click Save to complete the save operation.
  5. Close your documents and exit out of Microsoft Word completely.
  6. You now must open your document in Microsoft Internet Explorer. There are two methods to accomplish this: a) Open a File Explorer window, navigate to your newly saved document (ending in .htm), right-click the document, and select Open with > Internet Explorer; 2) Open Internet Explorer and choose File > Open, click the Browse... button, then navigate to and double-click the desired document and click OK.
  7. Copy the desired text from Internet Explorer asnd paste it into the WYSIWYG editor.

Example

 

The document below turned out exactly the same with both methods.

Example Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu est vitae leo hendrerit volutpat. Quisque dictum mattis orci nec egestas. Ut eleifend libero porta massa fermentum pharetra. Quisque pretium ligula eget libero fermentum convallis bibendum lacus volutpat. Aenean mattis ultrices lacus nec blandit. Nullam sagittis scelerisque placerat. Vivamus posuere lorem vel neque tincidunt ac imperdiet augue ullamcorper. Aenean in mi ac eros iaculis sollicitudin et eget mi. Vivamus feugiat massa vel elit dignissim mollis. Ut eu odio sit amet libero varius volutpat. Fusce fermentum tempor sapien quis ultrices. Cras eget ligula eget ipsum dapibus molestie sed in diam.

A Simple Bulleted List

  • Bullet point 1
  • Bullet point 2

A simple Numbered List

  1. Number 1
  2. Number 2

Some of the text in this paragraph is bold, while other text is italicized.

A Simple Table

Table Header 1

Table Header 2

R2C1

R2C2

R3C1

R3C2