[jQuery] Next generation WYSIWYG editor... maybe? am I missing something?
Hi everyone,
I've been getting increasingly frustrated by the flexibility and output from all of the WYSIWYG editors available for the web so I want to try and build an editor experience for our 2nd generation of CMS that will achieve the following:
<ul><li>Integrate in to our sites without requiring CSS tweaks to get it looking correct - this means no iframes.</li><li>Produce strict XHTML every time without fail.</li><li>Be simple to use.</li><li>Be quick to load and run.
</li><li>Limit scope for the user to mess up their site design.
</li></ul>I want to try and use JQuery to achieve all of the above (and hopefully a bit more). To see the foundation of my editor have a look at:
<a href="http://www.simpleweb-online.co.uk/stage/editor/test.htm">
http://www.simpleweb-online.co.uk/stage/editor/test.htm</a>
Ok, it's very simple indeed, and doesn't actually let you edit anything!! However, the idea is that you can designate a div as the 'editor' and then within this you can drop elements (I would imagine having a drop zone at the bottom?) for example:
<ul><li>p tag</li><li>h1-h4 etc</li><li>ul</li><li>image</li><li>definition list</li><li>various other stuff (e.g. a google map)</li></ul>Each of these elements would have an associated content editor for it. For example an h1 would just have a 1 line text box, a p a text area, an image a number of controls for src, alt, size etc.
It's my thought at the moment that I will use ajax to save back updates and re-ordering so that there is essentially no 'save' process.
Does anyone have any thoughts on this? Perhaps I'm barking up totally the wrong tree.
Tom
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/