Olá
Como posso fazer várias linhas ou usar html
?
Aqui está meu hack baseado em https://sweetalert.js.org/docs/#content.
var span = document.createElement("span");
span.innerHTML='abc<br>efg'
swal({
content: span,
});
Tenho certeza de que existe uma maneira melhor.
Por enquanto, a maneira de @ simon1tan de fazer isso é a melhor, mas concordo que é um pouco entediante para algo tão simples como adicionar uma quebra de linha. Acho que a melhor maneira seria se SweetAlert substituísse automaticamente \n
caracteres por <br>
tags na opção de texto, para que as pessoas possam escrever:
swal("Hello\nthere!")
Se alguém quiser resolver isso (deve ser muito simples), fique à vontade para enviar uma solicitação de pull!
Tem sido difícil encontrar uma maneira de usar os elementos HTML, seu hack me ajudou, muito obrigado amigo!
PD: o "\ n" não está funcionando para mim, não está quebrando a linha
Acho que automaticamente as coisas não vão bem, acho melhor opções diferentes, exemplo
você pode usar html para usar "
"
swal ({
título: 'Erro',
html: 'Verificar por favor e intente
asdasdasas ',
showConfirmButton: true,
showCloseButton: true,
})
Tchau
const lines = ['Você é muito importante para nós, todas as informações recebidas serão sempre confidenciais.', 'Entraremos em contato assim que revisarmos sua mensagem.', 'Enviamos um e-mail para' + contact_email + ' , Por favor, verifique para uma resposta rápida. '];
swal ('Obrigado por nos contatar!', lines.join ('\ n \ n'), 'sucesso');
// funcionou para mim!
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 o meu caso, a tag div adicionada para cobrir o 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 está a solução. Funciona perfeitamente em reação. Aproveitar
Comentários muito úteis
Aqui está meu hack baseado em https://sweetalert.js.org/docs/#content.
Tenho certeza de que existe uma maneira melhor.