http://code.google.com/p/jquery-elastic/ 에서 진행하고 있는 jquery elastic을 적용해 보도록 한다. FaceBook에서 글자의 양에 따라 TextArea의 크기가 자동으로 늘어 났다 줄어든다.
적용 사례
사용방법
| <html> <body> <textarea> </textarea> </body> </html> |
실제 프로젝트에 적용해 보면 약간의 오차가 발생한다.
특히 space 가 많아 지면 오차가 더욱 커진다.
이를 해결하기 위해서 원 소스를 일부 수정하였다.
수정내역
| 원소스 var textareaContent = $textarea.val().replace(/&/g,"&").replace(/<|>/g, ' ').replace(/\n/g, '<br />'); 수정 소스 var textareaContent = $textarea.val().replace(/&/g,"&").replace(/ /g, ' ').replace(/<|>/g, ' ').replace(/\n/g, '<br />'); |
수정기능 확인
아직 스페이스에 대해서 완벽하게 동작하지는 않지만 어느 정도 된 듯 아닌 듯 하다… 시간날 때 좀더 봐야 겠다.
댓글