Supporté par ChromeSupporté par FirefoxSupporté par EdgeSupporté par Safari/iOS designMode : Démo HTML5

Mise à jour : 2017-01-22
Cet attribut de l'élément document peut rendre tout le document éditable.

designMode

Notes sur le tuto


Exemple de code HTML5

<script>
	document.designMode = "on";
</script>
Vous pouvez modifier tout le document et même déplacer les images.
<input type="button" value="designMode Off" onclick="document.designMode='off'"/>

Démonstration du résultat HTML5


Vous pouvez modifier tout le document et même déplacer les images.

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>isItemSupported("document.designMode", false, "on")</script>