2011-02-19 38 views
8

Tôi đang cố gắng tìm ra plugin autarrow textarea tốt nhất. Tôi cần một trong đó thay đổi kích thước của textarea ngay cả khi tôi dán vào nó. Bất kỳ ý tưởng?JQuery TextArea AutoGrow Plugin

Trả lời

7

đàn hồi là một trong rất tốt, và nó xử lý CTRL + V trường hợp quá.

Bạn có thể truy cập website và dùng thử bản trình diễn.

+0

+1 và chỉ là những gì tôi cần! :) Cảm ơn bạn đã chia sẻ nó. – Nathan

+0

Bạn được chào đón Nathan! – labilbe

+1

Đàn hồi là xấu vì 2 lý do: (1) chậm và thực sự chậm chạp, ngay cả trong Google Chrome và (2) nếu rút gọn kịch bản trong triển khai của bạn, nó sẽ phá vỡ JS. –

1

Bạn có thể thử Advanced Textarea. Tải về từ http://www.jscripts.info

  • Auto-Chiều cao Textarea
  • Returns Plain Text và HTML Content
  • URL tự động và nhận Email
  • Tag HTML Lọc
-1

Dưới đây là một phích cắm, mà cũng hỗ trợ các khu vực văn bản theo chiều ngang:

https://github.com/dgbeck/jquery.autogrow-textarea

Nó cũng dựa trên cách tiếp cận "gương" nhưng rơi trở lại toán học đơn giản trong IE 8 trở xuống, kể từ khi tiếp cận gương dẫn đến textareas rằng phát triển quá nhanh chóng trong IE < = 8.

4

Đây là kết quả tôi đã sử dụng. Làm việc tuyệt vời cho đến nay!

http://www.jacklmoore.com/autosize/

Plugin JQuery đàn hồi là chậm và không làm việc cho tôi trong IE8.

2

Tôi đã sử dụng phương pháp sau, trong jQuery.

setInterval(function(){ 
     $(name_textarea).css('height', $(name_textarea)[0].scrollHeight+2+'px') 
},100); 

Hãy thử, bạn có thể thay đổi scrollHeight để nhận kết quả tốt nhất.

+0

Tôi đã kết thúc bằng cách sử dụng $ (name_textarea) .prop ("scrollHeight") để có được chiều cao cuộn. – DeadlyChambers

0

"Tôi cần một trong đó thay đổi kích thước textarea ngay cả khi tôi dán vào nó"

phương pháp này cũng lắng nghe cho các sự kiện sao chép/dán: https://stackoverflow.com/a/5346855/4481831

Tôi nghĩ rằng trên các trình duyệt hiện đại những sự kiện có thể được thay thế bằng "đầu vào" sự kiện, nhưng trên trình duyệt cũ phương pháp này sẽ không hoạt động.