文本區域接收輸入值哪個URL並在文本區域顯示URL無代碼（<a href = ...）

我有下面的代碼，它將值插入到當前遊標上不同輸入字段的文本區域位置。文本區域接收作爲URL的輸入。輸入被textarea成功接收，但它以編碼的形式出現。我希望它作爲可點擊的鏈接。可能嗎？文本區域接收輸入值哪個URL並在文本區域顯示URL無代碼（<a href = ...）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Test Page</title> 

<script type="text/javascript"> 
window.onload = function() 
{ 
     btn = document.getElementById("btnInsertText"); 
     myText = document.getElementById("myTextArea"); 
     title = document.getElementById("insTitle"); 
     url = document.getElementById("insUrl"); 
     btn.onclick = function() 
     { 
      insertAtCursor(myText, title.value, url.value); 
     } 
} 

function insertAtCursor(myField, title, url) 
{ 
    //IE support 
    if (document.selection) 
    { 
     myField.focus(); 
     sel = document.selection.createRange(); 
     sel.text = '<a href="'+url+'">'+title+'</a>'; 
    } 

    //Mozilla/Firefox/Netscape 7+ support 
    else if (myField.selectionStart || myField.selectionStart == '0') 
    { 
     var startPos = myField.selectionStart; 
     var endPos = myField.selectionEnd; 
     myField.value = myField.value.substring(0, startPos)+ '<a href="'+url+'">'+title+'</a>' + myField.value.substring(endPos, myField.value.length); 
    } 

    else 
    { 
     myField.value += myValue; 
    } 
}  
</script> 

</head> 
<body> 
    title: <input type="text" id="insTitle" /><br /> 
    url: <input type="text" id="insUrl" /> 
    <input type="button" id="btnInsertText" value="Insert Text" /><br /><br /> 
    <textarea id="myTextArea" rows="6" cols="50"> 
    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. 
    </textarea> 
</body> 
</html>

來源

2011-11-30 user1072986

請添加您的代碼作爲示例。你的表單編碼是什麼？ –

代碼在哪裏？ –

'textarea's只能顯示純文本，因此不能格式化或鏈接。 – RoToRa

這是不可能的，除非你通過CSS放置在textarea上的鏈接。

來源

2011-11-30 10:56:37

好吧。感謝大家。 – user1072986

文本區域接收輸入值哪個URL並在文本區域顯示URL無代碼（<a href = ...）

回答

相關問題