SweetAlert可以使用哪些HTML？

Question

我試圖找到可以使用SweetAlert警報功能（http://t4t5.github.io/sweetalert/）的允許的HTML。

我發現我可以使用標題（h1等）和例如，但如果我嘗試添加內聯樣式，如style =「color：blue;」那麼警報不再起作用。不同的標題樣式似乎沒有任何區別。

這裏是我使用的代碼：

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

如果我想讓警報比賽我的網站的風格，那麼我想我需要修改SweetAlert CSS。

請幫我弄清楚在SweetAlert中可以使用什麼HTML而不會破壞警報功能。

Answer 1

它看起來像你只需要在初始化插件時將html選項設置爲true。這將阻止SweetAlert轉義HTML。它應該允許你使用任何元素。

請注意，這可能會導致XSS攻擊，但只有在警報內容是由用戶生成的情況下才適用。

從文檔：

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