contentEditable : Démo HTML5
Mise à jour : 2017-01-22
L'utilisateur peut en changer le contenu et ainsi manipuler le balisage.
contentEditable
- true : l'élément est éditable.
- false : l'élément n'est pas éditable.
- inherit : prend la valeur de l'élément parent.
Notes sur le tuto
- Si l'attribut est présent seul, il prend la valeur "true".
- Si l'attribut est absent, la valeur par défaut est "inherit".
- Il peut être intéressant de l'utiliser avec execCommand.
Exemple de code HTML5
<span contentEditable> Vous pouvez modifier cette phrase, et même y insérer des objets (images par exemple). </span>
Démonstration du résultat HTML5
Vous pouvez modifier cette phrase, et même y insérer des objets (images par exemple).
Détection automatique du support HTML5
Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)<script src="_html5detect.js"></script> <script>isAttributeSupported("span", "contentEditable")</script>