Автоматическая высота textarea на DLE 11.1

На сегодняшний день работая с дизайном различных CMS уже существует множество решений, с помощью которых можно сделать автоматическую высоту textarea. Для реализации поставленной задачи можно использовать скрипты js / jquery, но как быть если нам нужна автоматическая высота textarea на DLE 11.1?

Именно на этот вопрос мы Вам и ответим. Работая с очередным проектом нам была поставлена задача убрать фиксированный размер окна textarea на CMS DLE 11.1 и заменить его на автоматический, то есть окно должно вытягиваться по высоте при наборе большого количества текста. Взглянув более детально на код было принято решение написать небольшой jаvascript fix, который без подключения лишних скриптов даёт нам возможность активировать данную функцию.

Установка

1. Открывать файл /templates/Default (или название Вашего шаблона)/addnews.tpl или addcomments.tpl и вставить в конце следующий код:

<script>
    setTimeout(function() { $('.fr-wrapper').css('height', 'auto'); }, 500);
    setTimeout(function() { $('.fr-wrapper').css('min-height', '310px'); }, 500);
    // таймуат - примерное время загрузки нужных элементов
</script>

Так как стандартный редактор принудительно задаёт высоту поля textarea, мы данным способом в нужном месте задаём требуемый нам параметр min-height: 310px; и таким образом получаем автоматическую высоту textarea на DLE 11.1.