Discussion :

[CactO_o's]

Bonjour à tous,

Je suis en train de créer un éditeur de texte WISIWIG en jQuery et je crée une fonction pour ajouter des balises :

Code :

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

1
2
3
4
5
6
7
8
9
 
var myIframe = $(this).children('iframe').contents().find("#contentIframe");
 
/****/
 
function insertTag(start, end, myFrame)
{
    /****/
}

Le problème est que je n'arrive pas à récupérer la sélection courante sur l'iFrame. J'ai trouvé du code pour récupérer sur la page normal mais 2 problèmes :

- Ce n'est pas du code jQuery et je n'arrive pas à le convertir.
- Ce code ne récupéré pas la selection d'une iFrame mais du document courant.

Code :

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

1
2
3
4
5
6
7
if (window.getSelection){ 
    var selection = window.getSelection(); 
} else if (document.getSelection){ 
    var selection = document.getSelection(); 
} else { 
    var selection = document.selection.createRange().text; 
}

J'ai passé pas mal d'heure à essayé retrouvé ça mais impossible...

Merci à vous !

[danielhagnoul]

Bonsoir.

Il existe ce plugin : http://plugins.jquery.com/project/a-tools

Je ne l'ai jamais utilisé, mais il me semble valable a priori.

[CactO_o's]

En effet je n'avais pas vu que ce plugin existait.

Par contre j'ai essayé avec une iFrame et les réponses me laissent pensé que le plugin ne fonctionne que sur des formulaires ?

Code :

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

1
2
3
4
5
6
7
8
 
var selection = myIframe.getSelection();
 
alert('-->'+selection);
alert('Start : '+selection.start);
alert('End : '+selection.end);
alert('Length : '+selection.length);
alert('Text : '+selection.text);

Réponse :

-->[object Object]
Start : undefined
End : undefined
Length : undefined
Text : undefined

Par contre je ne sais pas comment afficher le contenu entier d'une objet pour voir ce que contient mon object retourné.

[danielhagnoul]

Bonsoir.

La page démo : http://www.ampparit.com/projects/a-tools/demo.html, fonctionne mais avec jQuery 1.3.2 lorsque je copie son contenu et teste sous jQuery 1.4.1 rien ne fonctionne ! Désolé !

Oups ! J'avais une erreur dans le nom du fichier js !

Cela fonctionne, mais uniquement sur des textarea et des input. Exemple :

Code :

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

alert($("#frameID").contents().find("textarea").getSelection());

[CactO_o's]

Le problème est que je n'ai pas de textarea mais un DIV en contenteditable... :s