Discussion :

[-julien-]

Bonjour,

j'essaie de trouver comment manipuler un objet javascript range avec jQuery.
Par exemple, si on voulait récupérer la sélection courante et l'entourer d'un tag strong c'est ce qu'on ferait en js :

Code :

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

1
2
3
4
5
 
var t = document.getSelection(); // i only put here the method for Firefox to keep the ex clean
var newNode = document.createElement("strong");
var range = t.getRangeAt(0);
range.surroundContents(newNode);

Maintenant, idéalement, je voudrais travailler sur l'objet range avec jQuery pour que tout devienne plus facile et puissant. Quelque chose comme : $(range).wrap('strong')...

Est-ce que ma question est assez claire?
Merci d'avance!

[danielhagnoul]

Bonsoir

À ma connaissance, jQuery n'offre aucun moyen "universel" de capter le texte sélectionné dans un navigateur.

En jQuery, pour entourer un élément du DOM il y a wrap() et ses dérivés. Mais il n'apporte rien dans ce cas.

[Bovino]

+1 Daniel, jQuery est axé sur la recherche d'éléments HTML et le chainage des traitements faits sur des collections, ce genre d'interface ne rentre pas dans sa "philosophie".
D'ailleurs, ce serait à mon sens très hasardeux car le manque de compatibilité des ces interfaces un peu exotiques est extrême et surtout, les implémentations évoluent de façon assez chaotique...

Je me trompe peut-être, mais à mon sens, ces objets sont plus à utiliser en tant que "Proof of concept" qu'en développement.

[-julien-]

Ok merci pour l'info, je commençais à m'en douter...

Cependant à l'avenir avec les spécifications html5 on peut espérer quelque chose de mieux. Même IE 9 les implémentes!

[pangolin]

Ça vaut ce que ça vaut, mais au cas où ça soit toujours utile quelques mois plus tard, j'ai commencé à faire un plugin jquery pour pourvoir manipuler les range.

Par contre, c'est en version 0.1, je veux dire que ça bugge encore pas mal, mais si ça peut donner une piste...

C'est par ici: http://www.pangoweb.com/dev

Et une démo vite fait: http://www.pangoweb.com/dev/demos