jQuery代碼完成樣式文本框輸入

Question

有誰知道一個將執行代碼完成類型函數的jQuery（或純JS，無所謂）的函數或插件嗎？但有了可改變的選擇？就像我想開始輸入[b]並且當我添加最後一個括號時，它會在光標後自動添加[/b]？如果有人知道這樣的事情，這將是一個巨大的節省時間。

Answer 1

使用JQuery Caret Plugin，你可以使用一些代碼，如：

<textarea id="codeInput" cols="80" rows="50">content</textarea> 
<script type="text/javascript"> 

    var tagDict = { 
     "[b]" : "[/b]", 
     "[c]" : "[/c]", 
     "[d]" : "[/d]" 
    }; 

    $(document).ready(function() { 
     $('#codeInput').keyup(function() { 
      var test = $(this).val(); 
      var tagStart = test.substr(test.length - 3, 3); 
      if (tagDict[tagStart]) { 
       $(this).val(test + tagDict[tagStart]);    
       $(this).caret(test.length, test.length); 
      } 
     }); 
    }); 
    </script> 

它並不完美，但它可能是一個完整的代碼完成功能的啓動。