Создание Drag и падения редактирования платформы в HTML5

Я нахожусь в процессе мышления, как я должен подходить к этой функции, что я хочу в моем приложении. В принципе, я хочу, чтобы мои пользователи могли создавать собственные страницы, и эти страницы были бы сохранить позже было видно. Но, я хочу иметь единую структуру и чувствовать. Я также хочу, чтобы это было безболезненно и очень просто. Я знаю, что можно было бы использовать что-то вроде TinyMCE, но иногда форматирование может быть боль.

Вот небольшой набросок того, что я хотел бы:

Что-то вроде http://www.diagram.ly/, но для текстового контента. В идеале, когда пользователь закончит редактирование страницы, я бы просто сохранить содержимое в XML, с тегами, представляющих каждый тип контента и применять для укладки соответственно как быть оказаны.

Это слишком сложно, или что-то гораздо проще, уже существует? Я предпочел бы с помощью HTML5, если это возможно ... но я открыт для любых предложений или даже других альтернатив!

Спасибо!