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
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
designMode | Chrome
Soporte completo
45
| Edge Soporte completo 12 | Firefox Soporte completo Si | IE Soporte completo Si | Opera Soporte completo Si | Safari Soporte completo Si | WebView Android
Soporte completo
45
| Chrome Android
Soporte completo
45
| Firefox Android ? | Opera Android Soporte completo Si | Safari iOS Soporte completo Si | Samsung Internet Android ? |
Leyenda
- Soporte completo
- Soporte completo
- Compatibilidad desconocida
- Compatibilidad desconocida
- Ver notas de implementación.
- Ver notas de implementación.