R�cup�rer le code HTML de la s�lection dans une iFrame

Bonjour � tous,

Voil� je suis en train de r�aliser un �diteur WYSIWYG en Javascript.
J'ai donc une iframe en designMode, et j'aimerai r�cup�rer le code HTML de la s�lection.

J'arrive � r�cup�rer la s�lection (sous Firefox) avec cette commande :

Code:

---

var sel = document.getElementById('frame').contentDocument.getSelection();

---

Mais le r�sultat est en texte, pas en HTML.
Sinon, j'arrive � r�cup�rer le contenu HTML de toute l'iFrame (Firefox) :

Code:

---

var sel = document.getElementById("texte").contentDocument.body.innerHTML;

---

L'objectif �tant de d�tecter les mises en forme appliqu�es (bold, justifycenter, etc) afin de mettre en surbrillance les boutons associ�s de la barre de menu.

Existe-t-il un moyen de r�cup�rer la s�lection en HTML ou de savoir quelle execCommand() est utilis�e sur la s�lection?

Merci,

Salut.

getSelection() te retourne un objet de type Range. Pour acc�der � la balise la plus proche (et donc le noeud DOM correspondant), il faut utiliser la propri�t� startContainer (ou endContainer).

A noter toutefois que cela n'est pas accept� par IE, pour lequel il est � priori impossible de passer d'un objet Range � la structure HTML.

Merci pour ta r�ponse,

Mon objectif �tait de r�cup�rer la s�lection en HTML puis de r�aliser des tests en fonction des balises, si tu me dis que dans IE je ne pourrais pas passer d'un objet range � la structure HTML c'est que je ne cherche pas dans la bonne direction.
J'aimerai obtenir le m�me r�sultat que dans l'�diteur WYSIWYG de Google Documents, qui reconnait le style et la mise en page en fonction de la position du curseur. (mais comment font-ils?:calim2:)

Finalement, j'ai trouv� comment faire avec la commande (sous Firefox) :

Code:

---

1 2	var iframe = document.getElementById("id_frame"); alert(iframe.contentDocument.queryCommandValue("fontsize"));

---

�a renvoie un string avec la valeur de fontSize (dans cet exemple), c'est donc exactement ce que je cherchais. :ccool: