时间戳

首页 > 解决方案 > Textarea 不会每次都从右上角开始

javascript - Textarea 不会每次都从右上角开始

问题描述

这个文本区域是一个被多次更新的文本区域，文本区域中的每一行都是一个单独的条目。因此，最好让每个都从文本框的最左侧开始。

例如我想要的是，

Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illoinventre veritatis et quasi architecto beatae vitae dicta sunt, explicabo。

但它显示的是，

_____（空白）___Sed ut perspiciatis，unde omnis iste natus error sit voluptatem accusantium doloremque laudantium，totam rem aperiam eaque ipsa，quae ab illoinvente veritatis et quasi architecto beatae vitae dicta sunt，explicabo。

即使当我在文本区域中输入以保存时，也会发生这种情况，我一直在左边。我该如何解决这个问题，以便它只显示在每行的最左边？

这是我的代码：

                <div class="col my-2 w-1/6">
                    
                    <p class="md:text-center">Notes</p>
                    <textarea id="loc_notes" cols="30" rows="10" style = "font-size: 12px;width:100%" class="mx-1 border-2 border-black" name="location_notes">
                        @foreach($notes as $note)    
                            {{$note->my_notes}}
                        @endforeach
                    </textarea>
                </div>

标签： javascripthtmlcsslaraveltextarea

解决方案

这个问题对我来说有点不清楚，但我认为你想从中得到：

first entry second entry

对此：

first entry 
second entry

你循环的方式$notes然后它不知道你想要在每个音符后回车，让它们在左边排列。

&#13;&#10;要在音符的每个回声后添加回车符，如下所示：

@foreach($notes as $note)    
    {{ $note->my_notes }} &#13;&#10;
@endforeach

有关textareas 中的新行/回车的更多详细信息，请参见此处。

编辑

你的问题现在更清楚了。由于刀片文件中的格式，您得到了空白。改变这个：

<textarea>
   @foreach($notes as $note)    
        {{$note->my_notes}}
   @endforeach
</textarea>

为此（删除所有空格）：

<textarea>@foreach($notes as $note){{ $note->my_notes }}@endforeach</textarea>

推荐阅读