Discussion :

[watchabongo]

Je veux essayer d'être le plsu clair possible car c'est pas super simple pour moi.
Je veux ajouter un évènement spécial si je supprime un noeud HR dans mon IFRAME avec une touche de mon clavier.
tinyMCE.selectedElement me permet de récupérer le noeud où je suis.
Je veux que lorsque l'on appuie sur la touche suppr (keycode: 46) ou backspace (keycode: 8) , ça supprime, toutes les balises après HR compris jusqu'au prochain HR ou jusqu'à la fin de la page.

Le problème de ça est qu' il ya pas mal de cas spéciaux :
Exemple :
<HR></HR>
<H4>Titre H4</H4>
<p>texte</p>
<HR></HR>
<H4>Titre 2 H4</H4>

Exemple avec position de curseur possible, je représente le curseur par des |(1)
|(2)<HR>|(3)</HR>
|(4)<H4>|(5)Titre H4|(6)</H4>
<p>texte</p>
<HR></HR>
<H4>Titre 2 H4</H4>

Exemple avec selection de plusieurs caractères (on selectione avec la souris tout ce qui est en rouge) :
(7)<HR></HR>
<H4>Titre H4</H4>
<p>texte</p>
<HR></HR>
<H4>Titre 2 H4</H4>

ou

(8)<HR></HR>
<H4>Titre H4</H4>
<p>texte</p>
<HR></HR>
<H4>Titre 2 H4</H4>

Donc cela fait pas mal de cas particuliers.
J'arrive pour 2, 3 et 4.
5 ça doit être bon aussi, mais pour 6, 7 et 8, je ne vois pas du tout comment m'y prendre.

code pour savoir dans quel cas on est pour lui affecter un effet.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
if (tinyMCE.isIE && tinyMCE.settings.custom_undo_redo) {
keys = [8, 46]; // Backspace,Delete
var node = tinyMCE.selectedElement;
var res = "";
if(node.nodeName == "HR") {
   res = Suppression.blocsuppr(node);
} 
if (e.keyCode == 8 && node.previousSibling.nodeName == "HR") {
   res = Suppression.blocsuppr(node.previousSibling);
}
if (e.keyCode == 46 && node.nextSibling.nodeName == "HR") {
    res = Suppression.blocsuppr(node.nextSibling);
}

code de la function qui va supprimer les noeuds.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var Suppression = {
	blocsuppr: function(Obj) {
		/*if (bloc==2) Obj=Obj.nextSibling;
		if (bloc==3) Obj=Obj.previousSibling;*/
		//alert(Obj.nodeName);
		if(confirm('Êtes vous sûr de vouloir supprimer ce bloc :'))
		{
			while (Obj.nextSibling.nodeName != "BODY" && Obj.nextSibling.nodeName != "HR") {
						Obj.nextSibling.removeNode();
					}
					Obj.removeNode();
		}
		else
		{
			return;
		}	
	}
}

[SpaceFrog]

je serais toi je ne me baserais pas sur les nextSiblings etc ...
je passerais par les expressions régulières ...

[watchabongo]

ok je vais regarder ça merci,
mais j'y connais vraiment rien à ça

[watchabongo]

SpaceFrog il faut que je récupère le innerHTML de ma sélection, pour pouvoir travailler dessus ?

Si c'est le cas j'arrive pas a récupérer seulement le innerHTML de ma selection.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var node = tinyMCE.selectedElement.innerHTML; 
alert(node); // affiche le innerHTML de toute l'IFRAME
 
var inst = tinyMCE.getInstanceById("mce_editor_0");
var selectedText = inst.selection.getSelectedText();
alert(selectedText); // affiche le texte de la selection

Je suis complètement perdu là. Je me dis qu'il faut déjà récupérer le innerHTML pour ensuite travailler sur les expressions régulières.

[SpaceFrog]

il y a eu récemment une paire de posts sur la selection de textes ...

[watchabongo]

J'ai un peu avancé
Pour le cas où mon curseur est sur le noeud HR, aucun souci.
Pour récupérer le contenu html de ma sélection c'est bon aussi.

Néanmoins j'ai également besoin de savoir ce qu'il y a avant ou après la position de mon curseur, car si j'appuie sur la touche backspace et que la balise avtn la position de mon curseur est une HR je dois le repérer.
Je me suis dis qu'il fallait que je récupère tout le contenu html de ma frame, sachant que je saurai combien de caractères elle fait.
Ensuite je pensais récupérer la position du curseur pour regarder ce qu'il y avait avant. Malheureusement, ça je ne trouve pas comment savoir à quel nombre de caratères est mon curseur et donc ne peut pas aller regarder avant.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
//selection de tout le contenu html de l'iframe
var maframe = document.getElementById("mce_editor_0");
var frametotal = maframe.contentWindow.document.body.innerHTML;
alert('frametotal : ' + frametotal);
alert('longueur de la frametotal : ' + frametotal.length);

SpaceFrog si t'as un nouveau conseil, je suis preneur ou quelqu'un d'autre.
Merci d'avance.

[watchabongo]

personne n'a une idée pour trouver le ou les caractères avant la position de monn curseur ?

[watchabongo]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/*maxime suppression IE*/		
//valeur du noeud en fonction de la position du curseur
var node = tinyMCE.selectedElement; 
 
//contenu html	de la selection				
var maframe = document.getElementById("mce_editor_0");
var doc = (maframe.window?maframe.window:maframe.contentWindow).document;
var rng = doc.selection.createRange();
var txthtml = rng.htmlText;
 
//selection de tout le contenu html de l'iframe
var frametotal = maframe.contentWindow.document.body.innerHTML;
 
 
//recupere la position du caractère avant la selection
var posDeb = frametotal.indexOf(txthtml);
 
//recupere tout le contenu avant la selection
var firstTextValue = frametotal.substring(0, posDeb);

Néanmoins pour arriver à trouver la position du curseur dans la chaine quand on ne fait pas de selection mais seulement quand on place le curseur, je n'ai aucune piste