마지막 줄에 도달했을 때 텍스트 영역 높이 늘리기

Question

http://snippi.com/과 비슷한 텍스트 영역을 만들려고합니다. 만약 당신이 충분히 하단 라인에 도달 (타격을 입력 많이) 다음 'line-height'(내 사이트에 21px)에 의해 텍스트 영역의 높이를 증가 입력합니다.

이 작업을 수행하는 가장 좋은 방법은 jQuery와 다를 것이지만 어디서부터 시작해야 할 지 잘 모르겠습니다. 아무도 도와 줄 수 있습니까? 줄을 지울 때 http://snippi.com/과 같이 하나의 '줄 높이'로 '줄이면'하면 정말 멋질 것입니다.

나는 그것에 총을 가지고 코드는 here on jsFiddle 이상입니다. 이것은 내가 시작한 것입니다 :

$('#text').focus(function() { 
    // Do something here 
}); 

Answer 1

저는 Snippi가 이와 같은 것을 사용한다고 생각합니다. http://www.jacklmoore.com/autosize/

사용

// Example: 
$(document).ready(function(){ 
    $('textarea').autosize(); 
}); 

설명서 (많은 ...)

$('#example').val('New Text!').trigger('autosize.resize');