Небольшой плагин который не обладает сверх функциональными возможностями, а просто автоматически растягивает поле textarea в высоту под его содержимое и имеет несколько простых настроек, да и с помощью определенных стилей можно создать собственную анимацию увеличения поля.
Для работы плагина необходима версия jQuery 1.7+.
Пример использования
1 2 3 | $(document).ready(function(){ $('textarea').autosize(); }); |
Запуск используя trigger
Следующий код однократно запускает функцию которая рассчитает высоту поля под содержимое.
1 | $('#example').val('New Text!').trigger('autosize.resize'); |
Удаление плагина с поля
Достаточно вызвать событие autosize.destroy
1 | $('#example').trigger('autosize.destroy'); |
Настройки
className – по умолчанию ‘autosizejs – Плагин создает скрытое textarea поле с которым проводит все операции по увеличению высоты, а эта настройка задает имя класса(для чего эту возможность можно использовать я так и не придумал).
id – по умолчанию ‘autosizejs – аналогично свойству className только для идентификатора.
append – по умолчанию “\n” – символ новой строки который добавляется в поле.
callback – по умолчанию false – имя функции которая будет вызвана после изменения размера поля.