Drag drop block edit in place html

Question

I required to write a small web application that allow customer to select predefined layout template in html and be able to modify it. The application need to allow customer to add block text to pre defined area and images. The block texts need to be able to reorder based on customer need. eg. move up , move down or move to sidebar. THe complete layout will be able to convert to table layout and inline css due to email program doesn't like div & css. I don't know where should I looking for the information to make this happen, could anyone show me how to do this.

Thank you

Answer 1

I'm not sure why someone downvoted you, but check out a javascript framework like script.aculo.us or Yahoo's YUI

Those will go a long way towards creating the interface you need. Also they have a lot of examples.

The Yahoo framework has an inplace html editor (I think that is what you are asking for). Another editing is the fckeditor.

Answer 2

Of course, I may be misunderstanding you. You might consider using a standard content management system such as:

linux based

• joomla
• Mambo

Windows based

• DotNetNuke
• Sharepoint

Those systems have the functionality you described built in with the added benefit that most of them are free and open source.

Answer 3

Thank for you information , what i need is the framework like Yahoo UI however I need to build the tool similar to Grid Builder for client to design their own layout and add block text but I don't know where to begin , do you have any tutorial that direct me to do this step by step.