Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fiddling around with the contentEditable attribute. Tracking browser support & collecting browser misbehaviors
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
validator Improved html validation
.gitignore Changed git ignore and added basic php validator
README.textile
browser_notes.txt Added note concerning selecting multiple elements in contentEditable …
compliance_test.html
editor.html Updated list of browser bugs and useful resources on contentEditable
external_script.js Added tests for css/js that is pasted into the contentEditable area
external_stylesheet.css Added tests for css/js that is pasted into the contentEditable area
onpaste_test.html autofocus test

README.textile

About

This repo contains tests and demos for the contentEditable attribute introduced in the HTML5 spec.

Find the queryCommand browser compatibility table here:
http://tifftiff.de/contenteditable/compliance_test.html

Test editor:
http://tifftiff.de/contenteditable/editor.html

Test drag&drop or copy&paste of external stuff here:
http://tifftiff.de/contenteditable/onpaste_test.html

Links

contentEditable attribute spec:
http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#contenteditable

contentEdtable user interaction spec:
http://www.w3.org/TR/html5/editing.html#contenteditable

javascript api:
http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#editing-apis

mozilla documentation:
https://developer.mozilla.org/en/rich-text_editing_in_mozilla

strange behavior of contentEditable in ie:
http://annevankesteren.nl/2005/07/more-contenteditable

the road to html5 contentEditable:
http://blog.whatwg.org/the-road-to-html-5-contenteditable

demo on quirksmode:
http://www.quirksmode.org/dom/execCommand/

android bug tracker issue concerning support of contentEditable:
http://code.google.com/p/android/issues/detail?id=8253
http://code.google.com/p/android/issues/detail?id=9515

resources on why contentEditable doesn’t work on iOS:
http://stackoverflow.com/questions/723592/why-doesnt-contenteditable-work-on-the-iphone
http://www.symphonious.net/2010/09/13/contenteditable-in-mobile-webkit/

tutorials on how to create a rich text editor cross browser
http://dev.opera.com/articles/view/rich-html-editing-in-the-browser-part-1/
http://dev.opera.com/articles/view/rich-html-editing-in-the-browser-part-2/

list of contentEditable misbehaviors in firefox 3.5 and how to workaround them
http://accessgarage.wordpress.com/2009/05/08/how-to-hack-your-app-to-make-contenteditable-work/

getting cursor position in contentEditable elements
http://niichavo.wordpress.com/2009/01/06/contentEditable-div-cursor-position/

list of webkit bugs with document.queryCommandState and document.queryCommandValue
https://rniwa.com/2010-11-06/improvements-in-querycommandstate-and-querycommandvalue/

Contributors

  • Ingo Chao (ingochao)
  • Christopher Blum (tiff)
Something went wrong with that request. Please try again.