Концепция не сложна, вот как я ее вижу:
- Когда пользователь нажимает на иконку редактирования, в javascript он принимает любой html-код внутри указанного "div", замените его натекстовое поле (HTML-редактор, такой как tinymce, было бы еще лучше) и поместите в него существующий html.
- Когда содержимое было отредактировано, оно должно иметь кнопку отправки.При отправке он должен выполнить ajax-вызов функции на стороне сервера, которая сохранит содержимое в вашей базе данных.
- Последний шаг - обновить всю страницу или только измененный раздел с помощью другого ajax-вызова.
Вот плагин для jquery, который упростит вашу работу: http://www.appelsiini.net/projects/jeditable
и вот демо (просто нажмите на текст, чтобы отредактировать его): http://www.appelsiini.net/projects/jeditable/default.html
Вы также можете реализовать функцию перетаскивания, чтобы пользователи могли размещать «div» там, где они хотят.
Надеюсь, это поможет