Content editable is fully compatible with current desktop browsers. It is not yet supported by most mobile browsers with the exception of Firefox Mobile. (confirmation needed)
- Firefox 3.5+
- Chrome 6.0+
- Internet Explorer 6.0+
- Safari 3.2+
- Opera 8+
Not yet supported by iOS Safari, Opera Mini, Opera Mobile, Android Browser.
How Does It work?
contenteditable attribute to
true in your HTML element. It can be used in almost all HTML elements.
A simple example:
<!DOCTYPE html> <html> <body> <div contenteditable="true"> This text can be edited by the user. </div> </body> </html>