在加载时调整文本区域的大小

Resize a textarea on load

我正在使用 autosize 插件(但不介意替代方案),我需要调整我加载的 textarea 的大小,它也应该在您键入时自动调整大小(就像 autosize.js 允许你做的那样)。

我的问题是,autosize 这个选项是开箱即用的吗?我没有在其网页上找到此类信息,我在加载文本区域后尝试了 $(el).trigger('autosize.resize')autosize.update($(el)),但均无效。

此外,我的文本区域最初是隐藏的,将通过 CSS class 切换显示。我想知道这是否阻碍了进程。

欢迎任何想法,谢谢!

我尝试了不同的插件,甚至自己写了一个插件,但 none 都很好。我最终使用 div 和 contenteditable="true"

这对我来说非常有效。

使用 display: none 你无法计算任何东西,因为文本区域的高度和宽度是 0x0px。

您必须在文本区域显示后更新大小。 编辑:或切换它先显示然后应用自动调整大小。

您能否在初始加载时使用 CSS 适当调整 textarea 的大小,然后让 autosize 脚本在内容更改时调整 textarea 的大小?