Изменение размера редактируемой текстовой области

Question

У меня есть два текстовых поля на моей веб-странице. Первый из них не редактируется (только для чтения) & тот, который под ним доступен для редактирования. Я хочу, чтобы текстовая область только для чтения настраивала ее высоту автоматически в зависимости от ее содержимого.

Содержимое этой текстовой области поступает из базы данных. Если содержимое имеет одну строку, высота должна регулировать &, если она имеет несколько линий, тогда высота должна соответствующим образом регулироваться.

Как я могу достичь этого? Я хочу JavaScript & нет JQuery.

Answer 1

Я просто посмотрел на существующие решения, и http://www.impressivewebs.com/textarea-auto-resize/ выглядит прилично. Идея заключается в создании скрытого div, который позволит вам измерить высоту ввода текста в вашем текстовом поле. Помните, что у вас одинаковый стиль шрифта как в текстовом поле, так и в div. Имея это в виду, вы можете либо перевести несколько строк jquery в чистые js, либо написать их самостоятельно, используя эту идею.