插入超鏈接，並刪除超級鏈接在Javascript

Question

我要創建2個簡單的按鈕看起來像：

對於插入和刪除超鏈接到我的textarea的HTML。

我的代碼是：

function formatDoc(sCmd, sValue) { 
    oDoc = document.getElementById("textBox"); 
    document.execCommand(sCmd, false, sValue); oDoc.focus(); 
} 

和身體：

<div><img class="intLink" title="Hyperlink" onclick="var sLnk=prompt('Inserire lURL','http://');if(sLnk&&sLnk!=''&&sLnk!='http://'){formatDoc('createlink',sLnk)}" src="link.gif" /></div> 
<textarea id="textBox"><p>Lorem ipsum</p></textarea> 

但不能創建和添加超鏈接到我的元素。 有什麼不對？

PS：有沒有簡單的方法來從元素刪除鏈接？

Answer 1

你不能把超鏈接文本區域，也不HTML。它被忽略。

你可以用它來轉換爲超鏈接，並顯示在DIV

function ConvertToLinks() { 
    str = document.getElementById("S1").value; 
    str = str.replace(/\r\n|\n/g,'<br>'); 
    document.getElementById('txtLinks').innerHTML = str; 
} 

<textarea rows="5" id="S1" name="S1" cols="40"> 
    <a href="http://yahoo.com">Yahoo</a> 
    <a href="http://google.com">Google</a> 

    <a href="http://webdeveloper.com">Web Developer</a> 

</textarea> 
<br><button onclick="ConvertToLinks()">Convert to Links</button> 
<div id="txtLinks" style="width:350px;min-height:100px;border:1px solid red"></div>