Thats not what I meanAwhile 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.

XINHA-WYSIWYM 2

You can grab the CSS and all support images Here.

Technorati Tags: , , , , , , , , , , ,

Bookmark and Share
Share and Enjoy:
  • del.icio.us
  • Digg
  • StumbleUpon
  • Technorati
  • Reddit
  • Slashdot
  • LinkedIn
  • Print
  • Twitter
  • email

3 Responses to “Xinha Conversion to “What You See is What You Mean” Editing”

  1. Dave Says:

    Hey, can you publish this CSS? It looks great!

  2. Ian Says:

    Added to original blog post :)

  3. Updated Xinha editor to use valid XHTML/CSS image alignment | Indianapolis Web Design Blog Says:

    [...] 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 [...]

Leave a Reply