title: Create Drag and Drop Editing Platform in HTML5
body: <p>I am in the process of thinking how I should approach this feature that I want in my application. Basically, I want my users to be able to create custom pages, and those pages would be save to later be seen. But, I want to have a unified structure and feel. I also want it to be painless and very simple. I know I could be using something like TinyMCE, but sometimes the formatting can be a pain.</p>
  
  <p>Here is a small sketch of what I would like:</p>
  
  <p><img src="https://i.stack.imgur.com/Q1naE.jpg" alt="Sketch"></p>
  
  <p>Something like <a href="http://www.diagram.ly/" rel="noreferrer">http://www.diagram.ly/</a> but for text content. Ideally, once the user is done editing the page, I would simply save the content in XML, with tags representing each content type and apply styling accordingly once being rendered.</p>
  
  <p>Is that too complicated, or something much simpler already exists? I would prefer using HTML5 if possible... but I am open to any suggestions or even other alternatives!</p>
  
  <p>Thanks!</p>