Welchen HTML kann ich mit SweetAlert verwenden?

Question

Ich versuche den zulässigen HTML-Code zu finden, den ich mit der SweetAlert-Warnfunktion verwenden kann (http://t4t5.github.io/sweetalert/).

Ich habe gefunden, dass ich Überschriften (h1 etc.) verwenden kann und zum Beispiel, aber wenn ich versuche, Inline-Stile wie style = "color: blue;" dann funktioniert die Warnung nicht mehr. Die verschiedenen Überschrift-Stile scheinen keinen Unterschied zu machen. Hier

ist der Code Ich verwende:

<script> 
swal({ 
title: "text<br /><br />text", 
text: "<strong>text</strong>", 
timer: 4000, html: true, 
showConfirmButton: false }); 
</script> 

Wenn ich will, um die Benachrichtigung Match den Stil meiner Seite machen, dann denke ich, ich brauche die SweetAlert CSS zu ändern.

Bitte helfen Sie mir zu erarbeiten, welche HTML für die Verwendung in SweetAlert verfügbar ist, ohne die Alarmfunktion zu unterbrechen.

Answer 1

Es sieht so aus, als müssten Sie die html Option auf true setzen, wenn Sie das Plugin initialisieren. Das verhindert, dass SweetAlert HTML entkommt. Es sollte Ihnen ermöglichen, ein beliebiges Element zu verwenden.

Beachten Sie, dass dies XSS-Angriffe zulassen könnte, dies gilt jedoch nur, wenn Ihr Alert-Inhalt vom Benutzer generiert wird.

Aus der Dokumentation:

swal({ 
    title: "HTML <small>Title</small>!", 
    text: "A custom <span style='color: #F8BB86'>html<span> message.", 
    html: true 
});