jQuery 코드 완성 스타일 텍스트 상자 입력

Question

코드 완성 유형 기능을 수행하는 jQuery (또는 pure JS, 중요하지 않음)에 대한 함수 또는 플러그인을 아는 사람이 있습니까? 하지만 변경 가능한 옵션이 있습니까? 마치 [b]을 입력하고 마지막 대괄호를 추가하면 커서 뒤에 자동으로 [/b]이 추가됩니까? 누구든지 이와 같은 것을 알고 있다면 큰 일이며 거대한 시간을 절약 할 것입니다. JQuery Caret Plugin를 사용하여

Answer 1

, 당신은 같은 몇 가지 코드를 사용할 수 있습니다 : 그것은 완벽 하진

<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> 

하지만 완전한 코드 완성 기능을위한 시작이 될 수 있습니다.