[Resolved] realtime wysiwyg editor help

kiss_the_robot

I have built a few CMS applications with PHP/MySQL. But one thing I haven't done is implement a wysiwyg editor for a CMS.

I would like to build one now.

In the past, my CMS apps always use form elements (textareas, select menus, textfields, etc...) to display content for pages, where a user can add/edit the content by hitting the "SUBMIT" button.

I have read several posts across many various forums on the web; most of the time, when a person posts a question about WYSIWYG, they are provided with answers that include links to a finished product. But I would like to know how it actually works!

I understand, based on my research, that most WYSIWYG editors use the DOM to apply styles to the text that is selected inside either a DIV tag, or an IFRAME. So the content can no longer appear within a form element for it to be rich-text editable.

My question is: How do you get the information inside a DIV tag or an IFRAME submitted to a database?

Any help is appreciated.

niclarke

I have seen this being used on quite some websites:

http://www.htmlarea.com/

Not sure if this is what you are looking for or you are looking to start from the beginning.

Nick

niclarke

Here is a little doc to handle the saving into a DB:

http://www.devarticles.com/c/a/HTML/Using-htmlArea-and-a-Database-to-Maintain-Content-on-a-Website/

I did a google search and there are some guides on how to do this.

Nick

kiss_the_robot

Thank you, niclarke, for your quick reply.

Actually, when I saw your first post, I was thinking, "Oh no--" because I had seen and even downloaded htmlarea - while I was really happy with what I saw it doing, the example the download provides does not explain how it works in the framework of a CMS app (ie, displaying and saving edited info).

But your second post was exactly what I was looking for. I'm checking it our right now.

Thanks again!

kpzani

you might want to try these
http://www.mozilla.org/editor/midas-spec.html
and
demo
http://www.mozilla.org/editor/midasdemo/

these are compatible with IE as well. new versions only of course.