HTML5文本/ textarea的點擊文本

Question

美好的一天，

我能知道是否有可能/存在的UIKit，可以使某些文本說那些＃是點擊？

例如：

文本區域中的文本＃你好世界，由一些PHP腳本獲取填充。我希望＃文字＃是可點擊的，並且應該執行一些操作。

Answer 1

這裏有一種方法可以讓textarea的某些內容可點擊。 這裏我們沒有使用textarea。相反，我們使用contentEditable = true的div。然後我們改變div的樣式，使它看起來像一個文本區域。 現在用JavaScript可以用錨標籤替換DIV中的話..

<style type="text/css"> 
    #editableDiv { 
     -moz-appearance: textfield; 
     -webkit-appearance: textfield; 
     background-color: white; 
     background-color: -moz-field; 
     border: 1px solid darkgray; 
     box-shadow: 1px 1px 1px 0 lightgray inset; 
     font: -moz-field; 
     font: -webkit-small-control; 
     margin-top: 5px; 
     padding: 2px 3px; 
     width: 398px; 
    } 
</style> 

<div id="editableDiv" contenteditable="true">This is a paragraph. It is editable. Try to change this #text. <a href="www.google.com">click here</a> 

</div> 
<button type="button" onclick="displayResult()">Click here to change the content</button> 
<script> 
    function displayResult() { 
     var x = document.getElementById("editableDiv").innerHTML; 
     var m = x.replace("#text", "<a href ='#'>replaced text</a>"); 
     document.getElementById("editableDiv").innerHTML = m; 
    } 
</script> 

在JavaScript代碼，而不是#text你可以使用正則表達式上面還