一个单词添加链接在一个句子

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