ContentEditable

Today we are going to learn how to create cool CSS3 animation for download buttons. CSS3 gives us a great opportunity to create awesome animation without having coding and solve slow data loading issue. Also now most of modern web browsers support CSS3animation and it's effects.

Different Color pricing tables from orange to purple with clean cut sliding areas customize the tables any way you choose fast and easy

The nice thing about contentEditable is that it maintains original markup and is in effect live editing of text in the currently formatted text. So if unlike wwEditable which used a textbox to copy content and had to figure out what CSS attributes to copy to make the text look right and then handle markup conversion issues, the text you type into a contentEditable block is live HTML.

Firefox3 supports the “contentEditable” property. Setting this attribute to “true” allows you to make parts of a document editable. This attribute was already supported by IE6/7/8, Safari, Chrome and Opera. So now we can start using it in our applications.

The contentEditable property (and the similar document.designMode) are meant to enable WYSIWYG editing. One of the cool parts about contentEditable is that it can apply to specific elements.

The feature of the day is contentEditable, by which I mean client-side in-browser "rich text" editing. All major browsers support this now, including Firefox 3, Safari 3, Opera 9, Google Chrome, and Internet Explorer (since 5.5).