0

У меня есть таблица, в которую вносятся изменения. В некоторых ячейках стоит , где они и производятся. Я использую этот код: http://xiper.net/collect/js-plugins/forms/textarea-autoresize для того, чтобы textarea автоматически расширялась при переходе на новую строку, при этом вместе с ней расширяется и сама ячейка. Однако, при обновлении страницы, ее размеры становятся прежними (шириной в 1 строку). Из-за этого не видно большую часть содержимого (она спрятана под textarea). Подскажите, как можно сохранить высоту textarea (и ячейки) после внесения изменений и обновления страницы? Может быть, возможно как-то отслеживать текущие размеры textarea и вносить изменения?

1
  • *В некоторых ячейках стоит textarea 29 мая 2019 в 13:17

2 ответа 2

0

Ну из самого простого - подключить вместо textarea-autoresize библиотеку https://github.com/jackmoore/autosize и инициировать ее при загрузке.

Документация тут - http://www.jacklmoore.com/autosize/

0

Данные о высоте можно хранить в localStorage (и обновлять во время ввода текста).
А при загрузке страницы - запросить оттуда данные.

(function(){

let textarea = doc...('textarea');

if( localStorage.getItem("areaheight") ){ /* вместо areaheight - любое название */
  textarea.style.height = localStorage.getItem("areaheight");
}

textarea.addEventListener('input', function(){
  localStorage.setItem( "areaheight", this.offsetHeight );
});

})();

Подробнее → https://www.w3schools.com/jsref/prop_win_localstorage.asp

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.