LearnThe HTML5 Contenteditable Attribute

Guil Hernandez
writes on November 18, 2014

Did you know that we’re able to create client-side, in-browser content editing using basic HTML elements? We could then save that edited content to the browser’s local storage.

The key to making this happen is with the HTML5 contenteditable attribute. To see how contenteditable works, we’re going to have a little fun by creating a real-time, in-browser CSS editor. Watch my short tutorial to see how this works.

In the second part of this post, we’ll take a look at how to save edited content with HTML5’s local storage feature.

Download Project Files

Learn more about HTML and CSS at Treehouse!

4 Responses to “The HTML5 Contenteditable Attribute”

  1. Very easy.

    Thank for sharing this video. i will share i with my friend through my bolg and twitter.
    thanks.

  2. thank you for this post

  3. Do bots spam your site? What plugin or plugins do you use to stop them?

    Evey so often, I encounter several spam problems and
    I would be really thankful if someone like you can give mme a few pointers on how to resolve
    them.

  4. I’ve watched the video and its really interesting.. I gotta try this idea in My wp site too!

Leave a Reply

Learning to code can be fun!

Get started today with a free trial and discover why thousands of students are choosing Treehouse to learn about web development, design, and business.

Learn more