The joy and curse of WYSIWYG
Allowing sites to be updated by non-technical staff is essential. WYSIWYG editors are a must in Content Management Systems, but can cause frustration too.
HTML for everyone ¶
WYSIWYG editors allows anyone to write and publish HTML without even knowing it. The beauty is that in no time you are writing HTML, you don’t even have to care. It looks like Word and it feels like word. I’ve used a couple of these editors in TinyMCE and FCKeditor and both of them do an excellent job. For anyone that has used Office there should be no problem in using them. Problem solved - it is HTML for everyone isn’t it?
The problem ¶
On almost every project I have worked on WYSIWYG editors have caused problems with the display of the site. The problem lies with the HTML that is generated by the editors. You can tweak the configuration of editors to your heart’s desire but in my experience it is never bulletproof. Editors might paste directly from Word, hit too many carriage returns or make subsequent changes that leave invalid empty tags.
If you have created a site that is carefully crafted with typographic rules set in CSS for each element, WYSIWYG editors are like a sledgehammer. They are difficult to predict and unless you train editors in how to hack the WYSIWYG editor, or even some basic HTML, your typography can fall to pieces.
The solution ¶
Frankly I don’t know that there is a solution, until the WYSIWYG editors mature. They have made great strides since I first started using them but it is annoyance that however well the configuration is set they still fail.
You can try splitting the content on your page into separate database fields and removing the ability to add formatting but this removes control from the user and puts maintenance back on the developer of the site.
With Content Management Systems having been around for so long now it seems perplexing that this should cause so many difficulties on a continuing basis. For all the hype of web 2.0 HTML is still the lifeblood of the web and it seems that unless you can write HTML by hand there isn’t a reliable way of passing that responsibility to non-technical editors without risking broken typography or invalid code.
I’m wondering if I’m the only one who feels this way..
Tags
Can you help make this article better? You can edit it here and send me a pull request.
See Also
-
Typographic layout with negative margins
Negative margins in CSS have good cross-browser support and are underused. Using negative margins you can improve typographic layouts without compromising the semantics of your document. -
Drop Shadows with CSS
A short tutorial showing how to apply drop shadows to images on your site with CSS. -
Wallpaper for websites
Here's a quick look about how you can give your site some wallpaper. Whilst you are moving the furniture around there is also some traditional wallpaper design for inspiration.