Sweetalert: ¿Cómo agregar varias filas de texto?

Creado en 8 oct. 2017  ·  9Comentarios  ·  Fuente: t4t5/sweetalert

Hola
¿Cómo puedo hacer varias filas o usar html?
?

Comentario más útil

Aquí está mi truco basado en https://sweetalert.js.org/docs/#content.

var span = document.createElement("span");
span.innerHTML='abc<br>efg'
swal({
  content: span,
});

Estoy seguro de que hay una forma mejor.

Todos 9 comentarios

Aquí está mi truco basado en https://sweetalert.js.org/docs/#content.

var span = document.createElement("span");
span.innerHTML='abc<br>efg'
swal({
  content: span,
});

Estoy seguro de que hay una forma mejor.

Por ahora, la forma de hacerlo de @ simon1tan es el camino a seguir, pero estoy de acuerdo en que es un poco tedioso para algo tan simple como agregar un salto de línea. Creo que la mejor manera sería si SweetAlert reemplazara automáticamente los caracteres \n con etiquetas <br> en la opción de texto, para que la gente pueda escribir:

swal("Hello\nthere!")

Si alguien quiere abordar esto (debería ser muy simple), ¡no dude en enviar una solicitud de extracción!

Ha sido difícil encontrar una manera de usar los elementos HTML, tu truco me ha ayudado, ¡muchas gracias amigo!

PD: la "\ n" no me funciona, no hace un salto de línea

Creo que automáticamente las cosas no van tan bien, creo que es mejor opciones diferentes, ejemplo

  • contenido: objeto actual
  • texto: texto sin formato (si puede agregar análisis de salto de línea aquí)
  • html: recibir cadena html

puedes usar html para usar "
"
tragar ({
title: 'Error',
html: 'Verifique por favor e intente
asdasdasas ',
showConfirmButton: true,
showCloseButton: verdadero,
})
Adiós

const lines = ['Eres muy importante para nosotros, toda la información recibida siempre será confidencial.', 'Nos comunicaremos contigo tan pronto como revisemos tu mensaje.', 'Te hemos enviado un correo electrónico a' + contact_email + ' , Compruébelo para obtener una respuesta rápida. '];

swal ('¡Gracias por contactarnos!', lines.join ('\ n \ n'), 'éxito');

//¡trabajó para mi!

const lines = ['You are very important to us, all information received will always remain confidential.', 'We will contact you as soon as we review your message.', 'We have sent an email to you at '+contact_email+' , Please check it for quick response.']; swal('Thank you for contacting us!',lines.join('\n\n'),'success');

para mi caso, la etiqueta div agregada para cubrir el texto funcionará

origina: Line0<br />Line1<br /> [not working]
after: <div>Line0<br />Line1<br /></div> [working fine]
swal({
    title: 'Mt Title',
    html: '<div>Line0<br />Line1<br /></div>',
 });

swal({ buttons: ["Wait ", "Add Details"], html: true, text: "Text one .\n Text 2.\n Text 3." })
Aqui esta la solucion. Funciona perfectamente en reaccionar. Disfrutar

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

daftspunk picture daftspunk  ·  4Comentarios

Lusitaniae picture Lusitaniae  ·  4Comentarios

yrshaikh picture yrshaikh  ·  4Comentarios

mateuszjarzewski picture mateuszjarzewski  ·  4Comentarios

waldyrious picture waldyrious  ·  5Comentarios