Contact

CodeTips #2 - L'attribut contenteditable

L'attribut contenteditable permet de rendre des éléments éditables, pratique pour mettre en place du live edit par exemple.


Il peut être placé directement sur l'élément à modifier : 

<h1 contenteditable="true">Développons ensemble votre stratégie digitale</h1>


Ou sur le body, pour rendre l'ensemble des éléments éditables :

<body contenteditable="true">
     <h1>Développons ensemble votre stratégie digitale</h1>
     <h2>Lorem ispum</h2>
     <p>Dolor sit amet, consectetur adipiscing elit</p>
</body>


Il peut également être ajouté en JavaScript, lors d'un événement par exemple :

<script>
     document.body.contenteditable = true;
</script>


On peut très bien l'imaginer sur un profil utilisateur, où l'utilisateur pourrait éditer ses infos en live edit, et simplement des boutons éditer / enregistrer, sans avoir à passer par une page d'édition !

03 octobre 2019

CodeTips

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies afin de pouvoir améliorer votre expérience utilisateur.