Pass HTML code as text of sweet alert

问题

I am using this in my application. I would like to use sweet alert like below.

swal({
    title: "Are you sure?",
    text: "You are going to delete <b>"+ name +"</b> address. ",
    icon: "warning",
    buttons: true,
    dangerMode: true,
   })

But it now working. It is displaying HTML code. Thanks.

Update

I read this question, but this question is about sweet alert2. My question is about sweet alert . Both are sweet alert but both are not same.

回答1:

As @Elnoor has mentioned you can try to use html, but I had a problem in SWAL2 with it so I have used the innerHTML. Like :

 var myhtml = document.createElement("div");
 myhtml.innerHTML = "You are going to delete <b>"+ name +"</b> address. ";

And then put it in your content in swal like :

swal({
    title: "Are you sure?",
    content: myhtml,
    icon: "warning",
    buttons: true,
    dangerMode: true,
   })

Mark that i changed text tag to content tag.

回答2:

Sweet Alert 2: Instead of text use html. For more check here.

Sweet Alert: In older version of sweet alert they don't use html object any more, instead you can use content object as shown here. And in your case you can create an element then embed your html inside that element and add it to swal's content object like below. (Fiddle here)

var elem = document.createElement("div");
elem.innerHTML = "Hello <br> <strong>World<strong> ! <hr>";

swal({
  content: elem,
});

来源：https://stackoverflow.com/questions/49747559/pass-html-code-as-text-of-sweet-alert