Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fiddling around with the contentEditable attribute. Tracking browser support & collecting browser misbehaviors
PHP
branch: master

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.