如何製作將所選文本轉換爲鏈接的小書籤？

Question

假設你

1. 選擇「某些文字」的瀏覽器。
2. 點擊一個書籤小組
3. 選定的文本變成與當前頁面的URL的簡單鏈接。

我該如何實施？

Answer 1

在Firefox 3.6，Chome 6和Opera 10.6中測試的示例代碼完全符合您在問題中描述的內容。

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); 
    } 
)() 

如果你需要它是兼容IE閱讀這篇文章： http://www.daniweb.com/forums/thread85642.html

Answer 2

下面是非常相似@ wojtiku的答案，但增加了IE瀏覽器的支持和一些額外的檢查和改進：

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); 
    } 
})();