Integrate MS Word Content in SiteBuilder

Integrating content is a very simple thing to do with SiteBuilder.  However, there are incorrect ways to do this that can cause problems.  I will briefly talk about them here.

The most common problem is when customer’s copy and paste text/written copy from Microsoft Word into the SiteBuilder WYSIWYG text field.  While this seems innocuous, it actually can cause lots of issues.

Common issues:
Browser incompatibility
Different font sizes and spacing
Blown out table cells
Entire site spacing issues
Large WYSIWYG toolbar images
Incorrect HTML
Search engine unfriendly
Heavy page to download.  (Extra code increases file size and increases load times)

This occurs because when you copy from MS Word, you are not just copying the text on your document, you are also copying the “invisible” markup code that is behind the scene that controls the look and feel of the Word document.  MS Word markup code is not compatible with HTML and a combination of the two will cause multiple site errors.  Your browser cannot understand the Word markup.

Example:
Here is an example of some Word markup pasted into a SiteBuilder site.

In SiteBuilder the text looks like this:  Welcome to My Site

However, if you look at the source, it looks like this.

Word Markup:
<p style=”MARGIN: 0in 0in 10pt; LINE-HEIGHT: normal; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto”><strong style=”mso-bidi-font-weight: normal”><span style=”FONT-SIZE: 14pt; COLOR: #9bbb59; FONT-FAMILY: ‘Times New Roman’,’serif’; mso-fareast-font-family: ‘Times New Roman’; mso-themecolor: accent3″><font color=”#008080″>Welcome to My Site</font></span></strong><span style=”FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: ‘Times New Roman’,’serif’; mso-fareast-font-family: ‘Times New Roman’”>

This may look familiar to anyone who worked with “Reveal” codes in the old Word Perfect program.

Proper HTML would look like this:
<p>Welcome to My Site </p>

All formatting should be done using the SiteBuilder WYSIWYG tool.  This will ensure proper HTML formatting.

Solving this problem is very easy.  Just copy from MS Word and paste into Notepad or any text editor.  This will strip away the Word markup and leave you with clean text!  Next, copy from notepad the paste into SiteBuilder.  Apply any formatting you need such as Bold, color, etc. and your done.

Another way to add clean text to your page is to type your copy directly into the text area in the SiteBuilder interface.

Update:  SiteBuilder now has a Paste from Word feature in the WYSIWYG editor.  If you are pasting from Word, remember to use it!