如何从 textarea 中的 @foreach 循环呈现 html

Question

使用 Laravel 8 livewire，我需要在 textarea 中的每一行呈现一个名称列表 ($list)。 我这样做

<div class=" border border-red-800 rounded-lg mt-8 p-4 w-full bg-green-300">
    <form>

        <textarea rows="10"  class="w-full bg-yellow-100">
        
            @foreach ($list as $maltproducer)
                {{$maltproducer->name}}
            @endforeach

        </textarea>
        <x-input.group label="Producer" for='name' :error="$errors->first('name')"
            class="flex flex-col w-full p-2 border border-jbrown-peachpuf bg-jbrown-darker rounded-md ">
            <x-input.text wire:model="name" type="text" class="" name="name" id="name" value="" />
        </x-input.group>
        <button wire:click.prevent="store()" class="bg-red-400 px-2 py-1 border rounded-lg mt-2">Add this
            producer</button>
    </form>
</div>

名称每行显示一个，但不在行首。要将它们放在行首，我必须将我的源代码移动到行首，如下所示。

@foreach ($list as $maltproducer) 
{{$maltproducer->name}} 
@endforeach

这是不可接受的，因为代码编辑器可能会在我不知道的情况下对文件进行不同的格式设置。
我尝试了各种方法，例如

@foreach ($list as $maltproducer)
  <p>{{$maltproducer->name}}</p>
@endforeach

但在这种情况下，<p> 标记会显示但不会被解释。

我也尝试过{!!$maltproducer->name!!}、{!!<p>$maltproducer->name</p>!!} 等，但我永远无法获得好的结果，即在每行的开头有一个名字。

解决办法是什么？

Answer 1

文本区域将其标签之间的所有内容呈现为值 - 这包括空格、制表符和换行符。所以你想在你想要的实际值之前或之后打印每一行而不带任何空格。为了最好地做到这一点，是在代码中打印没有任何“漂亮”格式的输出。

我们可以通过提取您要打印的集合中的字段来实现这一点，然后用换行符作为粘合剂将其分解。在 PHP 中，这看起来像

implode("\n", $list->pluck('name'))

然后它只是直接在文本区域之间打印，没有任何间距或换行符。

<textarea rows="10" class="w-full bg-yellow-100">{{ implode("\n", $list->pluck('name')) }}</textarea>

更接近 Laravel，直接在集合上使用 implode() 方法，

<textarea rows="10" class="w-full bg-yellow-100">{{ $list->implode('name', "\n") }}</textarea>