sephone interactive media - P.O. Box 2357 - Bangor, ME 04402 - Phone 207-262-5040 - Fax 866-235-7497
  • products
    • datAvenger

    • Having control of your website is key to your organization's success, and datAvenger™ - sephone's own family of content management solutions — can give you the control you need.
    • Learn More
    • Hula Cart

    • Selling online? Hula bridges the gap between the overly simplified and the overly complex; it's a powerful, full-featured eCommerce solution that is incredibly easy to manage.
    • Learn More
    • Broadcaster

    • For Digital Media based content, Broadcaster is a Sephone built application geared specifically to deliver media based content - Priced competitively to the other solutions, and full of rich and robust features to make any station a star!
    • Learn More
    • RESource MLS

    • terrace is the latest version of RESource MLS a highly effective, affordable solution to have currently available MLS™ properties incorporated into your real estate website, branded in your style.
    • Learn More
  • services
    • Creative Web Design

    • If your marketing team doesn't have the time or if you're not working with an agency, sephone's talented design team can create a website that looks good and works great.
    • Learn More
    • People are talking about you, your business and your competition. You cannot stop that, but you can learn from it and set the record straight —­ be part of the conversation. Control your message.­
    • Learn More
    • SEGenie

    • No one finding your website? We can help. SEGenie™ is an affordable alternative to expensive pay-per-click advertising. It works and it comes with a warranty.
    • Learn More
  • blog
  • get started
    • 1It's Easy
    • 2Call Us 207.262.5040
    • 3Request a Demo
    • 4Done
avatar
April 4, 2008

WYSIWYG screenshotIn the world of the Web, tools known as WYSIWYGs are used to edit large or complex areas of content. A WYSIWYG – a What You See Is What You Get editor – is useful when you need to insert text formatting (like boldface or italics), links, pictures, or other types of special text into whatever you’re writing.

Every so often, though, you may find that a WYSIWYG editor doesn’t live up to its name, and some content from the editor may look different when you look at it on the site that you’re editing. We find that this happens most often when content is pasted into the editor from desktop editing programs like Microsoft Word.

Behind the scenes of your text: lost in translation

Underneath any document you make with a rich text editor (including Microsoft Word and online WYSIWYGs) is a markup language. The main duty of a markup language is to let the computer know how to display the text you write; it makes the computer able to understand the difference between 36-point text and words that are bold or blue.

Translation booksBut not all markup languages are the same. When a computer copies text from a program like Word into an online WYSIWYG, it does its best to play the role of translator between languages. Once in a while (especially when working with content with a lot of different formatting within it) it isn’t able to correctly figure out how to translate the text from one markup language to the other. Because online WYSIWYGs aren’t as complex as a program like Word, the online text may start to act funny as it finds formatting it doesn’t understand.

What can I do?

When copying text from a program like Word into an online WYSIWYG, we usually suggest two things: wiping and plain texting.

Style wiping (also known as “scrubbing” or “cleaning”) is the easiest way to clean your content of special formatting from external programs. Word icon (1)Word icon (2)Word icon (3)Word icon (4)Wipers usually have their own toolbar button (like one of the icons to the right) and will run through your text and remove any formatting the editor doesn’t understand. (Because of this, there is a chance you could lose some formatting in your text after wiping.) Wipers are usually only found in advanced WYSIWYGs that have a lot of formatting options.

The other option for pasting is to convert your text into plain text before pasting it into the online editor. To do this, paste the text into a program like Notepad. After you’ve pasted the text, select all of it and then copy it again. This middle step removes any special formatting and allows text to flow easily into the online editor.

Do you have any other tricks you’ve learned when pasting your content into online editors? Let us know!

Justin is one of the developers at Sephone. He's interested in user-driven design, social media, and web services. He also enjoys learning and exploring new ways for businesses and people to use the web.

Comments »

  1. avatar
    On April 12, 2008 at 12:43 pm, Scott Traylor said:

    A word about perfection. I often tell my students that WYSIWYGs should really be called WishIWYGs because often you wish that your intended result would be properly converted to clean XHTML markup; or even call them SWYSIWYGs because “sort of” what you see is what you get. The reason I bring this up is that no visual XHTML editor is perfect; even Dreamweaver which is probably the best makes mistakes as it tries to interpret points, clicks and drags of the normal page layout process.

    When using any WYSIWYG, whether datAvenger, Dreamweaver or even Microsoft Word, careful patience and good planning go a long way.

Leave a comment