Comment rendre une DIV modifiable en HTML

Vous pouvez définir l’attribut contenteditable en HTML5 avec la valeur « true » pour rendre un élément modifiable en HTML, tel que l’élément <div> ou <p>.
 
 

Code source :
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<body>
<h1 contentEditable="true">Titre</h1>
<div contentEditable="true">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac magna aliquam, venenatis lectus ut, efficitur felis.</div>
</body>
</html>
<!DOCTYPE html> <html> <body> <h1 contentEditable="true">Titre</h1> <div contentEditable="true">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac magna aliquam, venenatis lectus ut, efficitur felis.</div> </body> </html>
<!DOCTYPE html>
<html>
	<body>
		<h1 contentEditable="true">Titre</h1>
		<div contentEditable="true">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac magna aliquam, venenatis lectus ut, efficitur felis.</div>
	</body>
</html>
Résultat

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac magna aliquam, venenatis lectus ut, efficitur felis.

 

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *