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.
Document.designMode
Value
A string indicating whether designMode
is (or should be) set to on or off. Valid values are on
and off
.
Examples
Make an <iframe>
's document editable:
iframeNode.contentDocument.designMode = "on";
Specifications
Specification |
---|
HTML Standard # dom-document-designmode-dev |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
designMode |
1
|
12
|
1
|
4
|
9
|
1.2
|
1
|
18
|
4
|
10.1
|
1
|
1.0
|
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode