4 Jan
2012

The Problem
It's safe to say that we've all seen it. A client calls us up to add something for them, or make an update and we make the mistake of looking at the markup on a post they made. No matter how hard you try, a client will never remember why they should be using an <h2> or <h3> or how <p><b>My Subtitle</b></p> doesn't look perfectly styled like that <h4> you created for them. The one you added an extra few pixels of margin to. The <h4> that you have nicely displayed on your design styleguide subpage that you shared with them after launching the site. That one page that they constantly refer to...
Is This Real Life?
Is it too much for us to expect that our clients will follow our instructions exactly as we laid them out after they pay us thousands of dollars to construct a beautiful website? Yes. It's still great in practice to build style guides that outline the proper use of headers, subheads, paragraphs, bulleted lists, etc. However, we have to also take into consideration the fact that clients don't do what we do for a reason, and whatever that reason is it will keep them in the TinyMCE world that we all have a love and hate relationship with.
Blame TinyMCE! (Better Yet, MS Word)

Let's not blame TinyMCE just yet. Save the pitchforks for the inventors of WYSIWYG editor. Sometime in the 70s evil scientists, bent on destroying the world I presume, introduced the first WYSIWYG editors and by the 80s these hellspawns found their way to home computers.
Honestly, I can't even begin to imagine where we'd be if the WYSIWYG editor wasn't introduced. Home computing wouldn't have taken off as it did, and the fact that so many of us work from home have to attribute that luxury because of it.
However that was 35+ years ago. Today it seems like anyone with two units of "design" from their local community college and access to MS Word fancies themselves a type designer. They may not know it, but we as web professionals we do whenever we glance to see what type of content our clients are entering into their pages (see example at top of page).
Just about every CMS today uses TinyMCE: Posterous, WordPress, Squarespace, Joomla, Facebook, etc. It even has that lovely "paste from word" option that we try and train clients to use. However, this doesn't prevent them from making type layout changes within the editor. Each CMS, has the ability to disable certain aspects of TinyMCE to make it even more user friendly. For instance, Posterous (where you're seeing this) only allows a WYSIWYG user change font size. There is no option to change from a paragraph style to a header. Lame for me, but simple for someone who doesn't know the difference.
Is There Even a Solution?
I'd like to think that there's some sort of perfect solution. Something that lets you enable a "preformat" for clients. Something smart enough to know when they need an <h1> or <h2> or that they don't really need to force each new line in a paragraph. One that recognizes when they add line breaks (<br>) by hand and turns it into a new paragraph automagically. How about one that removes the double spaces after periods?
At this point it seems like too much of a dream. The only thing I can hope is that one day a solution is revealed and we don't have to deal with <p align="center"><b></b><span style="font-family: arial;"> </span></p> ever again.