The contentEditable
property of the HTMLElement
interface specifies whether or not the element is editable. This enumerated attribute can have the following values:
- '
true
' indicates that the element iscontenteditable
. - '
false
' indicates that the element cannot be edited. - '
inherit
' indicates that the element inherits its parent's editable status.
You can use the HTMLElement.isContentEditable
property to test the computed Boolean
value of this property.
Syntax
editable = element.contentEditable element.contentEditable = 'true'
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'contenteditable' 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 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
contentEditable | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 3 | IE Full support 8 | Opera Full support 9 | Safari Full support 6 | WebView Android Full support 4.4 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support 1.0 |
Legend
- Full support
- Full support
In Internet Explorer, contenteditable
cannot be applied to the <table>
, <col>
, <colgroup>
, <tbody>
, <td>
, <tfoot>
, <th>
, <thead>
, and <tr>
elements directly. A content editable <span>
or <div>
element can be placed inside the individual table cells.
See also
- Making content editable
HTMLElement.isContentEditable
- The
contenteditable
global attribute.