一個單詞添加鏈接在一個句子

Question

是否有JQuery的辦法由用戶輸入的句子中選擇一個特定的單詞，他可以能夠添加一個鏈接到什麼都他wants.Note字：句子沒有硬編碼，我們不知道用戶將輸入哪個句子。根據句子，我們必須創建一個鏈接到選定的單詞。

Answer 1

Try the below 

<input type="text" id="enter"/> 
    <div id="content" ></div> 



$("#enter").bind("keyup",function(){ 

$("#content").html($("#enter").val().replace("Jquery","<a href='' >Jquery</a>")); 
}); 

輸入Jquery並檢查它。

http://jsfiddle.net/aDRB6/11/

感謝

Answer 2

從Use JavaScript and jQuery to Get User Selected Text, and then Do Something (Useful?) With It，wrapping text using jQuery及以下斯里達爾納拉辛漢的回答的一部分整合資源，你能想出如下（未經測試）：

HTML：

<input type="text" id="enter"/> 
<div id="content" ></div> 
<div id="link" ></div> 

的Javascript：

$("#enter").bind("keyup", function() { 
    $("#content").html($("#enter").val()); 
}); 

$.expr[":"].containsNoCase = function(el, i, m) { 
    var search = m[3]; 
    if (!search) return false; 
    // we'll use text to find what we want... 
    return eval("/" + search + "/ig").test($(el).text()); 
}; 


if (!window.Kolich) { 
    Kolich = {}; 
} 

Kolich.Selector = {}; 
Kolich.Selector.getSelected = function() { 
    var t = ''; 
    if (window.getSelection) { 
     t = window.getSelection(); 
    } else if (document.getSelection) { 
     t = document.getSelection(); 
    } else if (document.selection) { 
     t = document.selection.createRange().text; 
    } 
    return t; 
} 

$.expr[":"].containsNoCase = function(el, i, m) { 
    var search = m[3]; 
    if (!search) return false; 
    // we'll use text to find what we want... 
    return eval("/" + search + "/ig").test($(el).text()); 
}; 


Kolich.Selector.mouseup = function() { 
    var st = Kolich.Selector.getSelected(); 
    if (st != '') { 
     // alert("You selected:\n" + st); 
     // wrap selecetd word in a link 
     $("#content:containsNoCase('" + st + "')").each(function() { 
      var textwithLink = '<a href="javascript:alert(\'link-to-selected-text.htm\')">' + st + '</a>'; 

      $("#link").html(textwithLink); 

     }); 
    } 
} 

$(document).ready(function() { 
    $(document).bind("mouseup", Kolich.Selector.mouseup); 
}); 

WORKING DEMO

Answer 3

嘗試。

 Your HTML Structure. 
    <input type="text" id="enter"/> 
    <input type="text" id="link"/> 
    <button type="button" onclick="doAction()">Make Link</button> 
    <div id="content" >Mrinmoy Ghoshal</div> 

這裏是你的函數

 function doAction(){ 

     var enterv=document.getElementById('enter').value; 
     var linkv=document.getElementById('link').value; 
     var str=document.getElementById('content').innerHTML; 

     var strnew=str.replace(enterv,'<a href="'+linkv+'">'+enterv+'</a>'); 
     document.getElementById('content').innerHTML=strnew; 
     alert(strnew); 
     } 

Working Demo