Москва
Ереван
Москва

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

Автоматическая высота 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.

Возврат к списку

Нужна помощь?

Укажите контактные данные, опишите задачу и мы перезвоним или ответим на E-mail. Для более оперативного решения напишите на Whatsapp

Обязательное поле
Обязательное поле
Обязательное поле
Обязательное поле
Согласитесь с условиями
Спасибо
Ваше сообщение отправлено
Ошибка
Что-то пошло не так. Попробуйте еще раз.

Все статьи в блоге написаны на основе личного опыта и процесса работ. Не многие материалы попадают на сайт, но размещенные играют роль заметок для взаимопомощи. В случае, если требуется помощь с сайтом — можно обратиться через форму выше, страницу Контакты или написать на Whatsapp.

Наши услуги по основным направлениям

Наш сайт использует cookie для хранения данных и персонализации контента. Продолжая использовать сайт, Вы даете на это свое согласие.
Понятно