blob: c38bc857ecd6a8a06916bf9aac0f1da3da4520bd (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
---
title: HTMLElement.contentEditable
slug: Web/API/HTMLElement/contentEditable
tags:
- API
- HTML DOM
- HTMLElement
- Référence(2)
- contenteditable
translation_of: Web/API/HTMLElement/contentEditable
---
<div>
<div>{{APIRef("HTML DOM")}}</div>
</div>
<p><code>La propriété </code><strong><code>HTMLElement.contentEditable</code></strong> est utilisée pour indiquer si un élément HTML est ou non éditable. Cet attribut peut avoir 3 valeurs :</p>
<ul>
<li><code>"true"</code> <em>(vrai)</em> indique que l'élément est éditable.</li>
<li><code>"false"</code> <em>(faux)</em> indique que l'élément ne sera pas éditable.</li>
<li><code>"inherit"</code> <em>(hérité)</em> indique que l'élément héritera de l'état editable de son parent.</li>
</ul>
<p>Vous pouvez utiliser la propriété {{domxref("HTMLElement.isContentEditable")}} pour tester la valeur de la propriété {{domxref("Boolean")}}.</p>
<h2 id="Syntaxe">Syntaxe</h2>
<pre class="syntaxbox"><em>editable</em> = element.contentEditable
element.contentEditable = "true"
</pre>
<h2 id="Spécifications">Spécifications</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Statut</th>
<th scope="col">Commentaire</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'interaction.html#contenteditable', 'contenteditable')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Definition initiale</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
<p>{{Compat("api.HTMLElement.contentEditable")}}</p>
<p>Dans Internet Explorer, le <code>contentable</code> ne peut pas être appliqué aux {{htmlelement("table")}}, {{htmlelement("col")}}, {{htmlelement("colgroup")}}, {{htmlelement("tbody")}}, {{htmlelement("td")}}, {{htmlelement("tfoot")}}, {{htmlelement("th")}}, {{htmlelement("thead")}} et {{htmlelement("tr")}} directement. Un élément {{htmlelement("span")}} ou {{htmlelement("div")}} modifiable au niveau du contenu peut être placé à l'intérieur de chaque cellule du tableau.</p>
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
<li> <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Contenu_editable">Contenu editable</a></li>
<li>{{domxref("HTMLElement.isContentEditable")}}</li>
<li>L'attribut global <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Attributs_universels/contenteditable">contenteditable</a> .</li>
</ul>
|
