从 PHP 加载值时 textareas 的 autosize.js 中的错误答案

【问题标题】：Bug in autosize.js of textareas when loading value from PHP从 PHP 加载值时 textareas 的 autosize.js 中的错误
【发布时间】：2014-10-17 13:50:03
【问题描述】：

我正在尝试创建一个可以选择重新加载以前保存的数据的网络表单。

问题在于，当输入到自动调整大小的文本区域的大量文本被保存并重新加载时，它会在文本区域中添加大量空白。 [请看下面的保存前和加载后的图片]

保存前：

加载后：

表单数据是通过PHP注入值来加载的，如下例所示：

<textarea class='animated' name="courseTitle" id="courseTitle"><?PHP echo ($_POST['courseTitle']) ?></textarea>

可以在这个链接中看到表格。 http://pansycheung.com/forms/NewCourseProposal.php?C2EF=0

并且可以将数据加载到下表中的表单中（位于表单页面的底部）。

加载表：

选择要加载的第一个文件

“菲利普测试EECS3603”

执行以下操作之一时，空白消失。

在测试区输入一些东西
或者在浏览器中调整缩放

任何有关调试建议的帮助都会非常棒。

前往 ttp://pansycheung.com/forms/NewCourseProposal.php?C2EF=0 测试表格。

谢谢！！！

【问题讨论】：

标签： javascript php html whitespace autosize

【解决方案1】：

使用 jQuery，您是否尝试过“触发”自动调整大小？

$('#courseTitle').trigger('autosize.resize');

您最初必须初始化自动调整大小；

$('#courseTitle').autosize();

如果这仍然不起作用，请尝试将“触发器”自动调整大小放入 setTimeOut()；

setTimeout(function(){ 
    $('#courseTitle').trigger('autosize.resize');
}, 1000);

【讨论】：

【解决方案2】：

我不知道这是否有效，但您可以使用 trim() 修剪 textarea 的值。 TRIM

如果有必要，您也可以在 jquery 中使用此功能。

【讨论】：

感谢您的回答，但似乎空白实际上并不是添加到 textarea 中的string 的一部分，我怀疑这是由于 autosize 功能造成的。