With HTML5, you can set any of your Web page text elements to be editable by users. With the help of the “contenteditable” attribute, you can instruct the browser to allow users to insert, delete and alter the text your page contains as they view it. There are many possible uses for this technique, such as allowing users to customize the way your pages appear to them each time they visit.
Sue Smith, in this tutorial teaches the basics of letting users edit your text content, including saving their edits for future reference using the HTML5 storage model. You can add the techniques in this tutorial to any existing HTML5 pages you have.
With HTML5 features, you need to consider browser support issues. However, the good news is that the “contenteditable” attribute is supported by all of the main browsers already. You can use the techniques in the given examples pretty freely, as the Local and Session Storage objects are also widely supported.
To read the full tutorial visit: http://www.developerdrive.com/2012/06/allowing-users-to-edit-text-content-with-html5/