1

Soy novato en Laravel y PHP. Tengo que integrar un poco de javascript y me esta dando dolores de cabeza.

Utilizando blade estoy incluyendo campos de la base de datos en ('#anotacion').val

$(function() {
            $('#cambioorden').change(function(){
                if($('#cambioorden').val() == '3') {
                    $('#infopresupuesto').show();
                    $('#anotacion').val("--AVISO DE SISTEMA-- \n" +
                        "Diagnóstico y/o presupuesto de su equipo Orden de Trabajo Nº {{$anotacionOt->ot_id}} esta listo: \n" +
                        "" +"\n" +
                        "Diagnóstico: {{$anotacionOt->sintoma}} \n" +
                        "Presupuesto de reparación: $ {{$anotacionOt->presupuesto}} \n" +
                        "Fecha de reparación aproximada: {{ \Carbon\Carbon::parse($anotacionOt->fechaentrega)->format('d-m-y') }}  \n" );
                } else {
                    $('#infopresupuesto').hide();

                }
            });
        });

El problema se presenta solo en {{$anotacionOt->sintoma}}. Me doy cuenta que cuando el campo tiene varias lineas no funciona (creo porque no me esta incluyendo los \n, blade lo ingresa como texto directamente). Cuando tiene el campo "sintoma" tiene una sola linea funciona perfectamente.

¿Como debería modificarlo?

Desde ya gracias por la ayuda!!

1 respuesta 1

2

#anotacion debe ser un campo que soporte multi-linea, por ejemplo un <textarea>. Si #anotacion es un input normal (input type=text o semejante) no mostrara multiples lineas.

$(function(){
    $("#anotacion1").val("Line1\nLine2\nLine3");
    $("#anotacion2").val("Line1\nLine2\nLine3");
})
input, textarea {
  width: 100%;
  }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<input id="anotacion1" type=text>

<textarea id="anotacion2" ></textarea>

Si el codigo es generado desde un blade template, puedes usar la notacion {{!! json_encode($variable) !!}} (Documentacion en 'Displaying Data') para escapar los saltos de linea o cualquier caracter especial para un string javascript.

"Diagnóstico: " + {{!! json_encode($anotacionOt->sintoma) !!}} + "\n" 

Ademas, Blade provee un shortcut para este mismo resultado usando @json (Documentacion en 'Rendering JSON'):

"Diagnóstico: " + @json($anotacionOt->sintoma) + "\n"
3
  • En el ejemplo que pasas veo que pones manualmente los \n (entre Line1 Line2 y Line3) tanto para "anotacion1" como para "anotacion2". Mi campo es textarea pero el texto que quiero incluir usando blade de la base de datos- campo sintoma no cuenta con esos \n.
    – Juan Porta
    el 17 jul. 2020 a las 18:49
  • te entiendo, en ese caso debes usar una funcion para transformar el texto en un string para javascript (por ejemplo, json_encode). Agregaré ejemplos para eso
    – F.Igor
    el 17 jul. 2020 a las 19:05
  • 1
    Excelente F.Igor! Muchas gracias! Gracias a tu ayuda termine solucionandolo. Por si algun otro tiene el problema. Termine usando "Diagnóstico: " + @json($anotacionOt->sintoma) + "\n" +
    – Juan Porta
    el 19 jul. 2020 a las 23:45

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.