如何删除文本区域内的多余空间

Posted 2023-05-07

【中文标题】如何删除文本区域内的多余空间

【英文标题】：How to remove extra space inside textarea

【发布时间】：2014-08-13 14:40:36

【问题描述】：

我有一个文本区域，它显示我数据库中“历史”列中的一些数据。 由于未知原因，文本前有近 1.5 行额外空格。任何人都可以给我一些想法，为什么会这样？ 这是我的 html 片段：

<div>
  <table>
    <tr>
      <th > History:</th>
      <td>
        <textarea style="margin-left:90px";  name="history"cols="80"label="notes"rows="4"wrap="virtual"> 
        <?php echo $my_class->history;?></textarea>
      </td> 
    </tr>
  </table>
</div>

你可以在这里看到问题：

【问题讨论】：

尝试在 echo 中修剪 $my_class->history？

我试过了，但没有解决这个问题

尝试从这里阅读答案：***.com/questions/23824681/textarea-whitespaces?rq=1

这是因为您的 php 标签在换行符上。它正在从 结束的空白处读取，直到 php 标签打开。把这一切放在一条线上来修复

你说得对，I-LOVE-2-REVIVE。问题排序

【参考方案1】：

这是因为您的 php 标签在换行符上。它正在从 <textarea> 结束的空白处读取，直到 php 标签打开。把这一切放在一条线上来解决。

【讨论】：

或者对于那些仍然发现这个问题的人：使用 CSS white-space: normal 或（或任何其他折叠规则）

我尝试了这一行解决方案，但 Mike'Pomax'Kamermans 的附加 css 规则对我有用。谢谢

【参考方案2】：

只需将您的 php 打开标签放在 textarea 关闭标签之后.. 不要使用换行符.. 并在之前完全关闭 php（就像您所做的那样）.. 这将删除所有空格..

【参考方案3】：

将所有这些放在一行以解决此问题。使您的代码像这样。

<textarea style="margin-left:90px";name="history"cols="80"label="notes"rows="4"wrap="virtual"><?php echo $my_class->history;?></textarea>

【参考方案4】：

我知道已经晚了，但可能会帮助其他人。

当需要文档缩进时使用它。

$('document').ready(function()

    $('textarea').each(function()
            $(this).val($(this).val().trim());
        
    );
);

Same Question : https://***.com/a/44773825/3775083

【参考方案5】：

$('textarea').val($('textarea').val().trim()) 这为我完成了这项工作。

【参考方案6】：

我遇到了同样的问题，但我找到了这个问题的答案。当您在另一行或换行中的 textarea 之间编写 php 代码时，就会出现此问题

为了解决这个问题，将 php 代码和 textarea 写在一行中

<div>
  <table>
    <tr>
      <th > History:</th>
      <td>
        **<textarea name="history"cols="80" label="notes"rows="4" wrap="virtual"><?php echo $my_class->history;?></textarea>**
      </td> 
    </tr>
  </table>
</div>