我如何的jQuery

Question

改變textarea的井號標籤的顏色我要讓散列標籤上的textarea像#hash這

<textarea> hi #hash </textarea> 

和改變顏色像Twitter

Answer 1

我做了一個插件，因爲我有同樣的問題。 看這裏：http://lookapanda.github.io/jquery-hashtags/

Answer 2

你不能做一個<textarea> 。您需要在<div>中執行此操作，並編寫一組鍵盤處理程序，以便在用戶鍵入內容時更新內容。這不是一個簡單的任務。看看使用類似CKEDITOR的東西，雖然我懷疑這不是你的工作的工具。

Answer 3

由於textareas不支持允許您爲特定單詞或表達式着色的標記，因此您需要做的是創建一個<div>，您可以將關鍵事件綁定到javascript或jQuery中。通過使用這個keyup事件，你可以將輸入的字母插入div，就好像有人在文本區域輸入一樣。接下來，要爲特定的hashtag着色，您需要創建一個正則表達式，然後使用replace函數將其包裝在<a>標記中，並添加所有必要的屬性。

我發現這個很酷的教程上解析類似Twitter的用戶名和＃標籤：http://www.simonwhatley.co.uk/parsing-twitter-usernames-hashtags-and-urls-with-javascript

Answer 4

一個簡單的建議（未測試）：

正如你無法格式化文本區域，您可以通過使用一個div模仿它與contenteditable屬性和一個簡單的CSS格式：

<div id='textarea' contenteditable style="overflow: scroll; border: 1px solid black; width: 200px; height: 100px;"></div> 

然後，JavaScript的（和jQuery）的幾行：

// when user finished editing 
$('#textarea').blur(function() { 
    // replace hashtags (parsing should prob. be enhanced) 
    $(this).html($(this).html().replace(/(#\S+)/, '<span style="color: blue">$1</span>'); 
});