Bonjour,

j'ai une zone contentEditable et un bouton "toto".
Je souhaite lorsque je clique sur le bouton cela rajoute le texte "toto" en d�but de ligne.
En parsant le DOM du contentEditable je parviens sans probl�me � rajouter ce noeud avant le noeud ayant le focus de la fa�on suivante:
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
	if (window.getSelection) {
		var selObj = window.getSelection();
alert(selObj);
		var currentNode = selObj.anchorNode; 
		currentNode.nodeValue = "toto" + currentNode.nodeValue
	}
Par contre dans le cas o� je suis sur une ligne vide dans le contentEditable et que je clique sur le bouton toto, selObj.anchorNode pointe sur le div [object HTMLDivElement] repr�sentant l'�lement contentEditable lui-m�me et non sur l'�lement <br> repr�sentant la ligne vide. Je ne trouve donc pas de moyen d'ins�rer mon texte toto sur cette ligne vide

Code html : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
<div id='texte_editable' contentEditable='true'>
</div>

Dans le cas o� mon curseur a le focus sur la ligne vide entre les 2 lignes tests et que je clique sur le bouton toto, je voudrais pouvoir r�cup�rer le noeud qui contenait le focus et ins�rer le texte toto � sa place.

[bouton toto]
-----contentEditable----
test

test
------------------------

[bouton toto]
-----contentEditable----
test
toto
test
------------------------

Une id�e ?

Merci pour votre aide!!!

Patrick