Sweetalert: Unterstützung für neue Zeilen in der Nachricht?

Erstellt am 3. Juni 2015  ·  9Kommentare  ·  Quelle: t4t5/sweetalert

Was sagt der Titel bitte??

Hilfreichster Kommentar

Es funktioniert, wenn Sie die Eigenschaft html auf das eigentliche HTML selbst setzen (dh die Eigenschaft text entfernen und die Eigenschaft html auf den HTML-Inhalt setzen), zB

$swal({
  title: "My title",
  type: "error",
  html: "My text with<br />html included"
});

Alle 9 Kommentare

Wenn Sie die Eigenschaft html auf true , können Sie Zeilenumbrüche verwenden --> das Tag <br/> .

Wie mache ich das?

swal({ html: true, title: 'hi', text: 'te<br>st' });
scheint bei mir nicht zu funktionieren

ps ich habe pr https://github.com/t4t5/sweetalert/pull/772 für eine stark vereinfachte Nutzung verwendet, jetzt ist alles in Ordnung

Wie sollte ich die HTML-Eigenschaft auf true setzen? Wie ist die Reihenfolge der HTML-Eigenschaften und warum wird sie nicht dokumentiert? Dankeschön.

Es funktioniert, wenn Sie die Eigenschaft html auf das eigentliche HTML selbst setzen (dh die Eigenschaft text entfernen und die Eigenschaft html auf den HTML-Inhalt setzen), zB

$swal({
  title: "My title",
  type: "error",
  html: "My text with<br />html included"
});

Bei mir funktioniert es, verwende \n
swal("Ups", "Zeile 1. \n Zeile2.", "Fehler");

es funktioniert nur in einem Teil des Textes wie folgt:
swal("Oops", "Line 1.\n line2.", "error");
aber wenn du es in einem Teil des Titels machen willst .. es funktioniert nicht:
swal("Oops\nOops", "Line 1", "error");

Entschuldigung, aber meiner Meinung nach macht es keinen Sinn, mehrere Zeilen im Titel zu verwenden (und einer guten Designspezifikation zu folgen).

EDIT: und danke @themightystephen

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

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

blackrosezy picture blackrosezy  ·  6Kommentare

rafatux picture rafatux  ·  5Kommentare

jamieson99 picture jamieson99  ·  3Kommentare

Untit1ed picture Untit1ed  ·  5Kommentare

yrshaikh picture yrshaikh  ·  4Kommentare