execCommand() : Démo HTML5
Mise à jour : 2017-01-22
execCommand(commande, IHM, valeur)
- commande : le nom de la commande à exécuter (non sensible à la casse)
- bold
- createLink
- delete
- insertHTML
- insertImage
- insertLineBreak
- insertOrderedList
- insertUnorderedList
- italic
- underline
- ...
- IHM : indique si une IHM est nécessaire (facultatif)
- valeur : un éventuel paramètre de commande (facultatif)
Notes sur le tuto
- Cette méthode retourne un booléen qui indique si la commande s'est bien exécutée.
- Son intérêt réside principalement dans une utilisation conjointe avec contentEditable/designMode.
- Limitations :
- IE n'interprète plus la commande "bold".
- Edge ne permet plus d'utiliser cette démo, puisque le click sur un bouton désélectionne le texte.
- Un éditeur WYSIWYG : A525G
Exemple de code HTML5
<span contentEditable> Sélectionnez n'importe quoi sur cette ligne, puis cliquez </span> <input type="button" value="G" onclick="document.execCommand('bold')" style="font-weight:bold"/> <input type="button" value="I" onclick="document.execCommand('italic')" style="font-style:italic"/> <input type="button" value="S" onclick="document.execCommand('underline')" style="text-decoration:underline"/> <input type="button" value="Effacer" onclick="document.execCommand('delete')"/>
Démonstration du résultat HTML5
Sélectionnez n'importe quoi sur cette ligne, puis cliquez
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.execCommand", true)</script>