LearnThe HTML5 Contenteditable Attribute

The HTML5 Contenteditable Attribute
Avatar

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!

GET STARTED NOW

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Get Started

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

You must be logged in to post a comment.

man working on his laptop

Are you ready to start learning?

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Start a Free Trial
woman working on her laptop