【问题标题】:Laravel value in TextAreaTextArea 中的 Laravel 值
【发布时间】:2023-03-23 19:30:01
【问题描述】:

我在使用 Laravel 和 HTML 的文本区域时遇到了一个奇怪的问题,我不知道如何绕过它。这是我的文本区域的代码:

  <div class="col-md-3">
    <label for="comment">Commentaire:</label>
    <textarea class="form-control" id="comment">
      @foreach ($comments as $com)
        {{$com->comment}}
      @endforeach
    </textarea>
  </div>

所以我从我的控制器获得了多个结果,我想将它们全部添加到文本框中。我遇到的问题是缩进。

http://prntscr.com/d16tq1

表格写在文本区域中。所以如果我删除所有缩进,结果是正确的,但我的代码不是(我不能留下这样的代码的一部分)。 有什么解决方案可以避免文本区域中的选项卡?

【问题讨论】:

  • 将整个 textarea 块放在一行中。
  • @itachi 是的,我想这就是我要做的,但我想要一个解决方案来保持我的缩进。看来不可能。

标签: php html laravel


【解决方案1】:

我认为这是 textarea 的问题,因为您的代码中有标签,它还会将这些标签/空格添加到 HTML 中。所以你需要做的就是将整个 foreach 变成这样的一行:

    <textarea class="form-control" id="comment">@foreach ($comments as $com){{$com->comment}}@endforeach</textarea>

使用 HTML 或 CSS 正确设置样式

【讨论】:

  • 他也可以使用 Collection 方法。 implode($glue, $comments-&gt;pluck('comment'))Collection methods
  • 是的,“单线”解决方案有效,但真的很丑 x) 我想我别无选择
【解决方案2】:

在我的代码中只有一个空格。我是这样解决的:

问题:

<textarea id="inputDescriptionEs" class="form-control" name="description_es" rows="4" required>@isset($data){{$data->description_es}}@else @endIf</textarea>

问题在于@else 和@endIF 之间的空格

解决方案:

@isset($data)
 <textarea id="inputDescriptionEs" class="form-control" name="description_es" 
 rows="4" required>{{$data->description_es}}</textarea>

@else
<textarea id="inputDescriptionEs" class="form-control" name="description_es" rows="4" required></textarea>

@endIf

【讨论】:

    【解决方案3】:

    {{$com-&gt;comment}} 更改为 {{trim($com-&gt;comment)}} 应该可以解决您的问题

    【讨论】:

    • 不,这行不通。因为空格不在 $com->comment 值中,它们实际上是在硬 HTML 代码中
    • trim 用于仅删除字符串中的第一个和最后一个空格。
    【解决方案4】:

    使用以下正则表达式替换字符串中的制表符,然后在 textarea 上分配:

    preg_replace('/\t/g', '',"your string")
    

    或者更新你的脚本如下:

    @foreach ($comments as $com)
        {{preg_replace('/\t/g', '', $com->comment)}}
    @endforeach
    

    【讨论】:

    • 正如我已经说过的,这是行不通的,因为空格和制表符不在 $com->comment 值中,而是在真正的 HTML 代码中。在我的代码中,如果我删除所有缩进,结果是好的,所以我的链的值不会更正。
    猜你喜欢
    • 1970-01-01
    • 2016-09-15
    • 2018-01-12
    • 1970-01-01
    • 2018-09-20
    • 1970-01-01
    • 2018-04-03
    • 2023-01-04
    • 1970-01-01
    相关资源
    最近更新 更多