Hallo
Wie kann ich mehrere Zeilen erstellen oder HTML verwenden?
?
Hier ist mein Hack basierend auf https://sweetalert.js.org/docs/#content.
var span = document.createElement("span");
span.innerHTML='abc<br>efg'
swal({
content: span,
});
Ich bin sicher, es gibt einen besseren Weg.
Im Moment ist die Vorgehensweise von richtige Weg, aber ich stimme zu, dass es für etwas so Einfaches wie das Hinzufügen eines Zeilenumbruchs etwas mühsam ist. Ich denke, der beste Weg wäre, wenn SweetAlert automatisch \n
Zeichen durch <br>
Tags in der Textoption ersetzt, damit die Leute schreiben können:
swal("Hello\nthere!")
Wer das anpacken möchte (sollte ganz einfach sein), kann gerne einen Pull Request schicken!
Es war schwer, einen Weg zu finden, die HTML-Elemente zu verwenden, Ihr Hack hat mir geholfen, vielen Dank, Freund!
PD: das "\n" funktioniert bei mir nicht, es macht keinen Zeilenumbruch
Ich denke, automatisch sind die Dinge nicht so gut, ich denke, es ist besser, verschiedene Optionen zu haben, Beispiel
Sie können HTML verwenden, um "
"
schwal({
Titel: 'Fehler',
html: 'Verifique por favor e Intente
asdasdasas' ,
showConfirmButton: wahr,
showCloseButton: wahr,
})
Wiedersehen
const lines = ['Sie sind uns sehr wichtig, alle erhaltenen Informationen werden immer vertraulich behandelt.', 'Wir werden Sie kontaktieren, sobald wir Ihre Nachricht geprüft haben.', 'Wir haben Ihnen eine E-Mail an '+contact_email+' gesendet.' , Bitte überprüfen Sie es für eine schnelle Antwort.'];
swal('Vielen Dank für Ihre Kontaktaufnahme!',lines.join('\n\n'),'Erfolg');
//hat für mich funktioniert!
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');
Für meinen Fall wird das hinzugefügte div-Tag zum Abdecken des Textes funktionieren
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."
})
Hier ist die Lösung. Funktioniert perfekt im Reagieren. Genießen
Hilfreichster Kommentar
Hier ist mein Hack basierend auf https://sweetalert.js.org/docs/#content.
Ich bin sicher, es gibt einen besseren Weg.