document.designMode
controls whether the entire document is editable. Valid values are "on"
and "off"
. According to the specification, this property is meant to default to "off"
. Firefox follows this standard. The earlier versions of Chrome and IE default to "inherit"
. Starting in Chrome 43, the default is "off"
and "inherit"
is no longer supported. In IE6-10, the value is capitalized.
Syntax
var mode = document.designMode; document.designMode = value;
Value
A string indicating whether designMode
is (or should be) set to on or off. Valid values are on
and off
.
Example
Make an <iframe>
's document editable:
iframeNode.contentDocument.designMode = "on";
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'designMode' in that specification. |
Living Standard | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
designMode | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 4 | Opera Full support 9 | Safari Full support 1.2 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 |
Legend
- Full support
- Full support