Awhile back I wrote about the problem of allowing website managers to write valid content for their content managed websites. I mentioned a wonderful editor called WYMeditor, which is great simple because it shows you the markup while you edit your document.
Being no programmer, I am personally unable to shoehorn this editor into my favorite CMS, Etomite. I do know CSS however; and that allowed me to change Xinha’s text edit area to operate in a “what you see is what you mean” mode. This makes an excellent tweak to Etomite, and I am trying to get this added into the official Etomite Xinha editor package.
The ramifications of this really come into play when you deal with the usual markup quirks – extra carriage returns, broken lists, extra empty paragraphs, pasting in from Microsoft Word, and degraded accessibility. Any web developer can attest to this: the content styles get corrupted when the end user pastes in from Word or mangles up their content. This CSS mod goes a little way towards the process of training them to have good clean markup.
You can grab the CSS and all support images Here.
Technorati Tags: text_appearance, cms, etomite, markup, stylesheets, valid_content, valid_text_editor, website_editor, wymeditor, xinha, css, wysiwym
July 31st, 2008 at 12:43 pm
Hey, can you publish this CSS? It looks great!
July 31st, 2008 at 12:55 pm
Added to original blog post :)
July 2nd, 2009 at 2:03 pm
[...] padding, border, and other depreciated controls from ImageManager popup. Also contains the “What you see is what you mean” CSS that makes xinha show you the block-level elements, as well as the proper image floating [...]