任何帮助都是很好的我已经被困了很久试图让这个工作
我有一个名为notes的文本区域，该数据通过完整的日历事件提取。

<textarea   style="white-space: pre-wrap; text-indent: 50px;" name="notes" id="notes" cols="30" rows="10" class="form-control"></textarea>

问题是，当我在textarea中使用enter添加新行时，它会导致整个日历中断！
我想知道如何在文本区域中保留新行，这样它就可以保存在数据库中，而不需要任何行空间！我已经试过nl2br()了，它仍然在创建新行！

<script>
    $(document).ready(function() {

                      
 $('#calendar').fullCalendar({

   
    events : [
                @foreach($bookings as $booking)
                {
                    bookingId : '{{ $booking->id }}',
                    title : '{{ $booking->booking_contact }}',
                    start : '{{ $booking->booking_start }}',
                    end: '{{ $booking->booking_end }}',
                    content : '{{ $booking->notes }}',

                },
                @endforeach
    ],
    eventClick: function(calEvent, jsEvent, view, event) {
        $('#bookingId').val(calEvent.bookingId);
        $('#booking_start').val(moment(calEvent.start).format('YYYY-MM-DD'));
        $('#booking_end').val(moment(calEvent.end).format('YYYY-MM-DD'));
        $('#title').val(calEvent.title);
        $('#notes').val(calEvent.content);
        $('#editModal').modal();
    }
});
    });
</script>

错误为：
未捕获的语法错误：无效或意外的标记（在5：223：31）
来源于chrome这是db行备注

content : 'Arriving at 19.20pm
Departing at 20.05pm
1075 euros cash on arrival....',

                },