将 HTML 代码作为甜蜜警报的文本传递

Question

我在我的应用程序中使用this。我想使用如下所示的甜蜜警报。

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

但现在可以了。它正在显示 HTML 代码。谢谢。

更新

我读了this问题，但这个问题是关于sweetalert2的。我的问题是关于 sweet Alert 。两者都很甜蜜，但两者并不相同。

Answer 1

正如@Elnoor提到的，你可以尝试使用html，但我在SWAL2中遇到了问题，所以我使用了innerHTML。喜欢：

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

然后将其放入 swal 中的内容中，如下所示：

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

标记我已将

text

标签更改为

content

标签。

Answer 2

甜蜜警报2： 使用

text

代替

html

。 如需了解更多信息，请查看此处。

甜蜜警报：在旧版本的甜蜜警报中，他们不再使用

html

对象，相反，您可以使用

content

对象，如此处所示。在你的情况下，你可以创建一个元素，然后将你的 html 嵌入到该元素中，并将其添加到 swal 的内容对象中，如下所示。 （在这里摆弄）

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

swal({
  content: elem,
});

Answer 3

感谢所有贡献者。

在我的一个项目中，我使用了 Sweet Alert 1，下面的代码非常适合我......

<script>
  var contents = "<b><h3>Your have successfully setup your basic account! You will now be redirected to the dashboard.</h3></b><br><small><em>Redirecting in 10 seconds....</em></small>"; 
swal({
  title: "Congratulations!!!",
  text: "" + contents + "",
  html: true, 
  type: "success",
  timer: 10000,
  showConfirmButton: true
}, function(){
      window.location='dashboard';
});
</script>

请不要忘记添加以下 CDN JS 脚本和链接

https://code.jquery.com/jquery-2.1.3.min.js

https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js

https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css

成功...