Archive for the 'web development' Category

contenteditable

Friday, September 17th, 2010

Who needs form fields? Now that we have the contenteditable attribute, any element can be editable. Here’s all you have to do to make a field editable:

<div contenteditable>This is editable content. Go ahead, change it.</div>

Which acts just like this area (click the text to edit it):

This is editable content. Go ahead, change it.

Pretty cool, right? Remember though, you’re not in a form, so you’ll need to submit changes with ajax, or save them locally in the browser (Local Storage, anyone?). Either way, this is pretty nice.

I also heard a rumor that in HTML6 they’ll include the contentedible attribute, so you’ll be able to eat elements with ease.