Attribut contenteditable

Exemple

Saisissez un texte dans la boîte ci-dessous puis cliquez sur le bouton de commande.
Modifiez le texte et cliquez de nouveau sur le bouton de commande.

Le code correspondant

Le code HTML

... <p class ="remarque">Affichez le texte initial en cliquant sur le bouton puis modifiez le texte et enfin cliquez de nouveau sur le bouton de commande. <div contenteditable ='true'></div> <button onclick ="fafficher()">Afficher le texte de la boîte</button> ...

La boîte DIV a l'attribut contenteditable= 'true' !

Le script

	function fafficher() 
	{
		var boite =document.querySelector('div');
		var texte = boite.innerHTML ; 
		alert("texte de la boîte :" + texte); 
	}

La fonction affiche le contenu de la boîte DIV (texte et balisage).
Retour menu