调整不可编辑文本区域的大小

Resizing a non-editable textarea

本文关键字：区域文本编辑调整更新时间：2023-09-26

我的网页上有两个文本区。第一个是不可编辑的(只读)&下面这个是可编辑的。我希望只读文本区能够根据其内容自动调整其高度。

该文本区的内容来自数据库。如果内容是一行，那么高度应该调整&如果它是多行，那么高度应该相应调整。

我怎样才能做到这一点??我想要JavaScript &没有JQuery .

我只是谷歌检查现有的解决方案和http://www.impressivewebs.com/textarea-auto-resize/看起来不错。这个想法是创建隐藏的div，它将让您测量文本区域中文本输入的高度。记住在文本区和div中使用相同的字体样式。记住这一点，您可以将这几行jquery转换为纯js或使用此想法自己编写。