Document.designMode

document.designMode controla la posibilidad de editar un documento entero. Los valores válidos son "on" y "off". De acuerdo a las especificaciones,  el valor predeterminado de esta propiedad es "off". Firefox sigue este estándar. El valor predeterminado de versiones anteriores de Chrome y IE es "inherit". En IE6-10, el valor se escribe con mayúscula.

Sintaxis

var mode = document.designMode;
document.designMode = "on" || "off";

Ejemplo

Hacer un documento <iframe> editable:

iframeNode.contentDocument.designMode = "on";

Especificaciones

Especificación Estado Comentario
HTML Living Standard
La definición de 'designMode' en esta especificación.
Living Standard Definición inicial.

Compatibilidad de Navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
designModeChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 1IE Soporte completo 4Opera Soporte completo 9Safari Soporte completo 1.2WebView Android Soporte completo 1Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0

Leyenda

Soporte completo  
Soporte completo

Ver también