Contenteditable saved to database based on username

I have been using the HTML5 contenteditable="true" function in my website lately to allow my registered user to edit pages. I have also allowed them to save the changes using localstorage. I am using a wordpress website on a bluehost server. What I am wanting: I want a site-wide code (can be code or wordpress plugin) that allows my users to save what text they have edited to the database according to their username. This should be automatic for those who sign-up in the future as well. The only person who would see the saved changes is the person who made the changes when he is logged in. I also want a button that allows the person to flush/delete the content added to the specific page if they choose so they can load what everyone sees instead of their changes. Check out this website that has a tutorial for ALMOST exactly what I'm looking for: Tutorial: [login to view URL] Demo here: [login to view URL] Key Requirements: 1. Has to be site-wide so whatever div I tag with contenteditable="true" will have the save function. 2. Will recognize the logged in user and serve the page as they edited it regardless of computer/browser they made the changes on (so not the localstorage feature of html5, but actually attached to their login) 3. Have a button to restore the original page (or revert to the current version of the specific page, not delete their changes site-wide) for the user if they choose. (this should revert only the page they clicked "revert" button on.) Please respond with any questions you have, and let me know you have read and understood. Thank you.