Улучшаем textarea: авторастягивание
Пишем уже хрен знает сколько времени редактор, перепробовали все, в том числе и tinyMCE, но под наши нужды он не подошел, а если и подошел, то гемора с одинаковым отображением наших “модернизаций” очень и очень много. Посему перешли на написание блочного, без использования ифреймов и прочей мути. Сурово и просто: textarea, div и jquery
Поэтому сегодня расскажу о про авторастягивание в textarea.
По сути проблем нету: мерием высоты текста, если еще одна строка - будет уже overflow, то увеличиваем высоту textarea. Но собственно зачем изобретать велосипед - есть готовый плагин jGrow (сайт плагина, сайт jquery).
Вставляется простенько:
$(”textarea#sample1″).jGrow();
Из свойств: можно задать max-height и похоже, что все, но больше и ненадо. В сажатом состоянии весит около 1,5 кб. Пользуйтесь
UPD: у меня к textarea цеплялся сначала jGrow, потом событие onfocusout. Дак вот последнее не срабатывало. Поменял местами - стало все хорошо

Ваш отзыв