JEditable.js로 자동 크기 조정 텍스트 입력?

Question

나는 autoGrowInput과 JEditable을 조합 한 스크립트를 찾고 있었지만 아무 것도 발견하지 못했습니다.

Answer 1

사용 jEditable의 이벤트 데이터를 통해 자동으로 초기화 https://github.com/MartinF/jQuery.Autosize.Input :

jQuery(element).editable(save_fn, { 
    data: function(value,settings} { 
     var target = event.target; 
     window.setTimeout(function(){ 
      jQuery(target).find('input').autosizeInput(); 
     }); 
     return value; 
    } 
}); 

그것은 입력 요소가 실제로 타임 아웃 때문에 사용을 만들기 전에이 이벤트는 (데이터) 발사 것을 주목할 가치가있다. 입력이 생성 된 후에 현재 사용할 수있는 이벤트가없는 것 같습니다.

Answer 2

실제로 나는 정확하게 그 플러그인을 만들었습니다. demo 및 documentation을 확인할 수 있습니다. 나는 그것을 매우 직관적으로 만들려고 노력했다. RESTful 철학을 사용하여 아약스 기능을 제공합니다. autoGrowInput에서 애니메이션 효과가 마음에 들면 transition 속성을 사용하여 css 파일을 변경하기 만하면 플러그인에 추가하는 것이 정말 쉽습니다.

사람들이 좋아하면 더 많은 기능을 추가하고 추가 할 수 있습니다. 희망이 도움이됩니다.