Hola
¿Cómo puedo hacer varias filas o usar html?
?
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
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
Comentario más útil
Aquí está mi truco basado en https://sweetalert.js.org/docs/#content.
Estoy seguro de que hay una forma mejor.