title: How to edit web pages in browser in real time like visualwebsiteoptimizer.com?
body: <p>Is there a way to enable in-browser editing of a web page, as done in following video (demo of visualwebsiteoptimizer.com)?</p>
  
  <p>(see video at 0:15)</p>
  
  <p><a href="http://www.youtube.com/watch?v=oy89HnIJsE4&amp;feature=plcp" rel="nofollow">http://www.youtube.com/watch?v=oy89HnIJsE4&amp;feature=plcp</a></p>
  
  <p>Basically, what I wish is to be able to:</p>
  
  <ul>
  <li>take a copy of a web page, (that part is ok),</li>
  <li>somehow enable edit mode (as would be done in any text editor),</li>
  <li>click on the element I wish to edit, and be able to modify the selected element</li>
  </ul>
  
  <hr>
  
  <p>Edit: sorry I wasn't clear enough: my end goal is to enable my users to do live editing online (as done by visualwebsiteoptimizer.com) in a visual way.</p>