HTMLElement.contentEditable

La propriété HTMLElement.contentEditable est utilisée pour indiquer si un élément HTML est ou non éditable. Cet attribut peut avoir 3 valeurs :

  • "true" (vrai) indique que l'élément est éditable.
  • "false" (faux) indique que l'élément ne sera pas éditable.
  • "inherit"  (hérité) indique que l'élément héritera de l'état editable de son parent.

Vous pouvez utiliser la propriété HTMLElement.isContentEditable pour tester la valeur de la propriété Boolean.

Syntaxe

editable = element.contentEditable
element.contentEditable = "true"

Spécifications

Specification Statut Commentaire
HTML Living Standard
La définition de 'contenteditable' dans cette spécification.		 Standard évolutif Definition initiale

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !
Fonctionnalité Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 11 (Oui) 3.0 (1.9) 6[1] 10.6 3.2
Fonctionnalité Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 3 (Oui) 1.0 (1.9) 6[1] Pas de support 5

[1] Internet Explorer a un tas de bogues concernant l'implémentation de cette fonctionnalité. IE10 se bloque dans certains cas lors de la modification des listes (bug 796187). IE11 + utilise un positionnement non valide pour lorsqu'un élément est flottant (bug 858749). Dans IE9-10, la fenêtre se fige lorsque vous utilisez la molette de la souris pendant le déplacement (bug 809254). IE10-11 ne déclenche pas l'événement d'input (bug 794285). IE10 se bloque après avoir sélectionné "Couper" dans le menu contextuel (bug 801770). IE11 + ne permet pas de placer le caret dans une cellule de tableau vide (bug 807199). IE10 ne déclenche pas d'événement de contextmenu lorsque vous cliquez avec le bouton droit sur des mots mal orthographiés (bug 774350). IE11 ajoute des éléments <br> à <body> lors de l'affichage / dissimulation d'un <iframe> avec un document contenteditable à l'intérieur (bug 864804). IE11 ne permet pas de désactiver les poignées de redimensionnement pour les images / entrées (bug 907422).

Voir aussi

Sujets associés
  1. HTMLElement
  2. Propriétés
    1. contentEditable
    2. contextMenu [Traduire]
    3. dataset
    4. dir
    5. hidden [Traduire]
    6. innerText
    7. isContentEditable
    8. lang
    9. nonce [Traduire]
    10. offsetHeight
    11. offsetLeft
    12. offsetParent
    13. offsetTop
    14. offsetWidth
    15. onabort
    16. onanimationcancel [Traduire]
    17. onanimationend [Traduire]
    18. onanimationiteration [Traduire]
    19. onauxclick [Traduire]
    20. onblur
    21. oncancel [Traduire]
    22. oncanplay [Traduire]
    23. oncanplaythrough [Traduire]
    24. onchange
    25. onclick
    26. onclose
    27. oncontextmenu [Traduire]
    28. oncopy [Traduire]
    29. oncuechange [Traduire]
    30. oncut [Traduire]
    31. ondblclick
    32. ondurationchange [Traduire]
    33. onended [Traduire]
    34. onerror
    35. onfocus
    36. ongotpointercapture [Traduire]
    37. oninput [Traduire]
    38. oninvalid [Traduire]
    39. onkeydown
    40. onkeypress
    41. onkeyup
    42. onload
    43. onloadeddata [Traduire]
    44. onloadedmetadata [Traduire]
    45. onloadend
    46. onloadstart
    47. onlostpointercapture [Traduire]
    48. onmousedown
    49. onmouseenter [Traduire]
    50. onmouseleave [Traduire]
    51. onmousemove
    52. onmouseout
    53. onmouseover
    54. onmouseup
    55. onpaste [Traduire]
    56. onpause [Traduire]
    57. onplay [Traduire]
    58. onpointercancel [Traduire]
    59. onpointerdown [Traduire]
    60. onpointerenter [Traduire]
    61. onpointerleave [Traduire]
    62. onpointermove [Traduire]
    63. onpointerout [Traduire]
    64. onpointerover [Traduire]
    65. onpointerup [Traduire]
    66. onreset
    67. onresize
    68. onscroll
    69. onselect
    70. onselectionchange [Traduire]
    71. onselectstart [Traduire]
    72. onsubmit [Traduire]
    73. ontouchcancel [Traduire]
    74. ontouchstart [Traduire]
    75. ontransitioncancel [Traduire]
    76. ontransitionend [Traduire]
    77. onwheel
    78. outerText
    79. style
    80. tabIndex
    81. title
  3. Méthodes
    1. blur()
    2. click
    3. focus()
    4. forceSpellCheck() [Traduire]
  4. Héritage :
    1. Element
    2. Node
    3. EventTarget
  5. Événements
    1. abort
    2. DOMContentLoaded
    3. afterprint
    4. afterscriptexecute
    5. beforeprint
    6. beforescriptexecute
    7. beforeunload
    8. blur
    9. cancel
    10. change
    11. click
    12. close
    13. connect
    14. contextmenu
    15. error
    16. focus
    17. hashchange
    18. input
    19. invalid
    20. languagechange
    21. load
    22. loadend
    23. loadstart
    24. message
    25. offline
    26. online
    27. open
    28. pagehide
    29. pageshow
    30. popstate
    31. progress
    32. readystatechange
    33. reset
    34. select
    35. show
    36. sort
    37. storage
    38. submit
    39. toggle
    40. unload
    41. loadeddata
    42. loadedmetadata
    43. canplay
    44. playing
    45. play
    46. canplaythrough
    47. seeked
    48. seeking
    49. stalled
    50. suspend
    51. timeupdate
    52. volumechange
    53. waiting
    54. durationchange
    55. emptied
    56. unhandledrejection
    57. rejectionhandled
  6. Pages liées à HTML DOM
    1. BeforeUnloadEvent
    2. DOMStringMap
    3. ErrorEvent
    4. GlobalEventHandlers
    5. HTMLAnchorElement
    6. HTMLAreaElement
    7. HTMLAudioElement
    8. HTMLBRElement
    9. HTMLBaseElement
    10. HTMLBaseFontElement
    11. HTMLBodyElement
    12. HTMLButtonElement
    13. HTMLCanvasElement
    14. HTMLContentElement
    15. HTMLDListElement
    16. HTMLDataElement
    17. HTMLDataListElement
    18. HTMLDialogElement
    19. HTMLDivElement
    20. HTMLDocument
    21. HTMLEmbedElement
    22. HTMLFieldSetElement
    23. HTMLFormControlsCollection
    24. HTMLFormElement
    25. HTMLFrameSetElement
    26. HTMLHRElement
    27. HTMLHeadElement
    28. HTMLHeadingElement
    29. HTMLHtmlElement
    30. HTMLIFrameElement
    31. HTMLImageElement
    32. HTMLInputElement
    33. HTMLIsIndexElement
    34. HTMLKeygenElement
    35. HTMLLIElement
    36. HTMLLabelElement
    37. HTMLLegendElement
    38. HTMLLinkElement
    39. HTMLMapElement
    40. HTMLMediaElement
    41. HTMLMetaElement
    42. HTMLMeterElement
    43. HTMLModElement
    44. HTMLOListElement
    45. HTMLObjectElement
    46. HTMLOptGroupElement
    47. HTMLOptionElement
    48. HTMLOptionsCollection
    49. HTMLOutputElement
    50. HTMLParagraphElement
    51. HTMLParamElement
    52. HTMLPictureElement
    53. HTMLPreElement
    54. HTMLProgressElement
    55. HTMLQuoteElement
    56. HTMLScriptElement
    57. HTMLSelectElement
    58. HTMLShadowElement
    59. HTMLSourceElement
    60. HTMLSpanElement
    61. HTMLStyleElement
    62. HTMLTableCaptionElement
    63. HTMLTableCellElement
    64. HTMLTableColElement
    65. HTMLTableDataCellElement
    66. HTMLTableElement
    67. HTMLTableHeaderCellElement
    68. HTMLTableRowElement
    69. HTMLTableSectionElement
    70. HTMLTemplateElement
    71. HTMLTextAreaElement
    72. HTMLTimeElement
    73. HTMLTitleElement
    74. HTMLTrackElement
    75. HTMLUListElement
    76. HTMLUnknownElement
    77. HTMLVideoElement
    78. HashChangeEvent
    79. History
    80. ImageData
    81. Location
    82. MessageChannel
    83. MessageEvent
    84. MessagePort
    85. Navigator
    86. NavigatorGeolocation
    87. NavigatorID
    88. NavigatorLanguage
    89. NavigatorOnLine
    90. NavigatorPlugins
    91. PageTransitionEvent
    92. Plugin
    93. PluginArray
    94. PopStateEvent
    95. PortCollection
    96. PromiseRejectionEvent
    97. RadioNodeList
    98. Transferable
    99. ValidityState
    100. Window
    101. WindowBase64
    102. WindowEventHandlers
    103. WindowTimers