Comment faire un bookmarklet qui va transformer le texte sélectionné en un lien?

Question

1. sélectionnez «un texte» un navigateur.
2. Cliquez sur un marque-page
3. Le texte sélectionné devient un simple lien avec l'URL de la page en cours.

Comment est-ce que je devrais l'implémenter?

Answer 1

Exemple de code testé dans Firefox 3.6, Chome 6 et Opera 10.6 qui fait exactement ce que vous avez décrit dans votre question.

javascript:(
    function(){ 
     var range = window.getSelection().getRangeAt(0); 
     var a = document.createElement('a'); 
     a.setAttribute('href',document.location); 
     a.appendChild(document.createTextNode(window.getSelection().toString())); 
     range.deleteContents(); 
     range.insertNode(a); 
    } 
)() 

Si vous en avez besoin pour être compatible avec IE lire cet article: http://www.daniweb.com/forums/thread85642.html

Answer 2

Ce qui suit est très similaire à @ la réponse de wojtiku mais ajoute le support IE et quelques contrôles supplémentaires et des améliorations:

javascript:(function() { 
    var sel, range, a; 
    if (window.getSelection) { 
     sel = window.getSelection(); 
     if (sel.rangeCount) { 
      range = sel.getRangeAt(0); 
      a = document.createElement("a"); 
      a.href = window.location.href; 
      a.appendChild(document.createTextNode("" + sel)); 
      range.deleteContents(); 
      range.insertNode(a); 
     } 
    } else if (document.selection && document.selection.type == "Text") { 
     range = document.selection.createRange(); 
     a = document.createElement("a"); 
     a.href = window.location.href; 
     a.appendChild(document.createTextNode(range.text)); 
     range.pasteHTML(a.outerHTML); 
    } 
})();