Javascript sweet alert以文本形式显示HTML代码

我正在使用sweet alert插件显示警报。使用经典配置（默认设置），一切正常。但是当我想在文本中添加一个HTML标记时，它会显示

…

，而不加粗。在搜索答案后，我似乎没有正确的搜索词

如何使用HTML代码使sweet alert显示文本

var hh = "<b>test</b>";
swal({
    title: "" + txt + "", 
    text: "Testno  sporocilo za objekt " + hh + "",  
    confirmButtonText: "V redu", 
    allowOutsideClick: "true" 
});

var hh=“测试”；
游泳({
标题：“+txt+”，
文本：“测试编号sporocilo za objekt”+hh+”，
confirmButtonText：“V redu”，
allowOutsideClick：“true”
});

我假设SweetAlert回购协议似乎未维护。有一大堆请求没有任何回复，最后一次合并的请求是在2014年11月9日

我在modal中创建了HTML支持，以及一些用于自定义modal窗口的其他选项—宽度、填充、Esc按钮行为等

Swal.fire({
标题：“标题”，
html:“Testno sporocilo za objekt:test”，
confirmButtonText：“V redu”，
});
最近在GitHub的主分支中添加了一个允许使用HTML作为标题和文本参数的功能

只需使用JSON配置并将“html”设置为true，例如：

swal({ html:true, title:'<i>TITLE</i>', text:'<b>TEXT</b>'});

swal（{html:true，title:'title'，text:'text'}）；

这在不到一周前被合并，并在README.md中得到暗示（在其中一个示例中，html设置为false，尽管没有明确描述），但是它还没有在营销页面上记录下来
我刚刚应用了上面的补丁，它开始工作


diff--git a/sweet-alert.js b/sweet-alert.js
索引ab6e1f1..d7eafaa 100755
---a/sweet-alert.js
+++b/sweet-alert.js
@@ -200,7 +200,8 @@
confirmButtonColor:“#AEDEF4”，
cancelButtonText:“取消”，
imageUrl:null，
-imageSize:空
+imageSize:null，
+html:false
};
if（参数[0]==未定义）{
@@ -224,6 +225,7 @@
返回false；
}
+params.html=参数[0].html；
params.title=参数[0]。title；
params.text=参数[0]。text | | params.text；
params.type=参数[0]。类型| | params.type；
@@ -477,11 +479,18 @@
$cancelBtn=modal.querySelector（'button.cancel'），
$confirbmtn=modal.querySelector（'button.confirm'）；
+log（params.html）；
//头衔
-$title.innerHTML=escapeHtml（params.title）.split（“\n”）.join（
”）；
+if（params.html）
+$title.innerHTML=params.title.split（“\n”）.join（“
”）；
+否则
+$title.innerHTML=escapeHtml（params.title）.split（“\n”）.join（
”）；
//正文
-$text.innerHTML=escapeHtml（params.text | |“”）.split（“\n”）.join（
”）；
+if（params.html）
+$text.innerHTML=params.text.split（“\n”）.join（“
”）；
+否则
+$text.innerHTML=escapeHtml（params.text | |“”）.split（“\n”）.join（
”）；
如果（参数文本）{
显示（$text）；
}
自2018年起，接受的答案已过时：

Sweetalert已维护，您可以使用该选项解决原始问题。
我从旧的Sweetalert升级，并在新版本（）中了解了如何执行此操作：

//这是一个节点对象
var span=document.createElement（“span”）；
span.innerHTML=“Testno sporocilo za objekt test”；
游泳({
标题：“+txt+”，
内容：span，
confirmButtonText：“V redu”，
allowOutsideClick：“true”
});
我只是在挣扎。我从sweetalert 1->2升级。此库：

文档“string”中的示例并不像我预期的那样工作。你不能这样说

content: `my es6 string <strong>template</strong>` 

content:`myES6字符串模板`

我是如何解决的：

const template = (`my es6 string <strong'>${variable}</strong>`);
content: {
      element: 'p',
      attributes: {
        innerHTML: `${template}`,
      },
    }

const template=（`my es6 stringSweet alerts还有一个'html'选项，将其设置为true

var hh = "<b>test</b>";
swal({
    title: "" + txt + "", 
    html: true,
    text: "Testno  sporocilo za objekt " + hh + "",  
    confirmButtonText: "V redu", 
    allowOutsideClick: "true" 
});

var hh=“测试”；
游泳({
标题：“+txt+”，
是的，
文本：“测试编号sporocilo za objekt”+hh+”，
confirmButtonText：“V redu”，
allowOutsideClick：“true”
});
使用SweetAlert的
html
设置

您可以将输出html直接设置为此选项：

var hh = "<b>test</b>";
swal({
    title: "" + txt + "", 
    html: "Testno  sporocilo za objekt " + hh + "",  
    confirmButtonText: "V redu", 
    allowOutsideClick: "true" 
});

var hh=“测试”；
游泳({
标题：“+txt+”，
html:“Testno sporocilo za objekt”+hh+“”，
confirmButtonText：“V redu”，
allowOutsideClick：“true”
});

或

swal({
标题：“+txt+”，
html:“Testno sporocilo za objekt teste”，
confirmButtonText：“V redu”，
allowOutsideClick：“true”
});
有甜警报版本1和2。
实际版本2适用于HTML节点

我有一个Sweet Alert 2，其数据表单如下所示：

<script>
 var form = document.createElement("div");
      form.innerHTML = `
      <span id="tfHours">0</span> hours<br>
      <input style="width:90%;" type="range" name="tfHours" value=0 step=1 min=0 max=25
      onchange="window.changeHours(this.value)"
      oninput="window.changeHours(this.value)"
      ><br>
      <span id="tfMinutes">0</span> min<br>
      <input style="width:60%;" type="range" name="tfMinutes" value=0 step=5 min=0 max=60
      onchange="window.changeMinutes(this.value)"
      oninput="window.changeMinutes(this.value)"
      >`;

      swal({
        title: 'Request time to XXX',
        text: 'Select time to send / request',
        content: form,
        buttons: {
          cancel: "Cancel",
          catch: {
            text: "Create",
            value: 5,
          },
        }
      }).then((value) => {
        console.log(value);
      });

 window.changeHours = function (value){
   var tfHours = document.getElementById("tfHours");
   tfHours.innerHTML = value;
 }
 window.changeMinutes = function (value){
   var tfMinutes = document.getElementById("tfMinutes");
   tfMinutes.innerHTML = value;
 }


var form=document.createElement（“div”）；
form.innerHTML=`
0小时



0分钟

`;
游泳({
标题：“请求时间到XXX”，
文本：“选择发送/请求的时间”，
内容:形式,，
按钮：{
取消：“取消”，
捕获：{
文本：“创建”，
数值：5，
},
}
})。然后（（值）=>{
console.log（值）；
});
window.changeHours=函数（值）{
var tfHours=document.getElementById（“tfHours”）；
tfHours.innerHTML=值；
}
window.changeMinutes=函数（值）{
var tfMinutes=document.getElementById（“tfMinutes”）；
tfMinutes.innerHTML=值；
}


您所要做的就是将html变量启用为true。我遇到了同样的问题，我所要做的就是html:true

    var hh = "<b>test</b>"; 
swal({
        title: "" + txt + "", 
        text: "Testno  sporocilo za objekt " + hh + "",  
        html: true,  
        confirmButtonText: "V redu", 
        allowOutsideClick: "true"  
});

var hh=“测试”；
游泳({
标题：“+txt+”，
文本：“测试编号sporocilo za objekt”+hh+”，
是的，
confirmButtonText：“V redu”，
allowOutsideClick：“true”
});

注意：
html:“Testno sporocilo za objekt”+hh+”，

可能无法工作，因为html仅适用于
swal({
    title: "" + txt + "", 
    html: "Testno  sporocilo za objekt <b>teste</b>",  
    confirmButtonText: "V redu", 
    allowOutsideClick: "true" 
});

<script>
 var form = document.createElement("div");
      form.innerHTML = `
      <span id="tfHours">0</span> hours<br>
      <input style="width:90%;" type="range" name="tfHours" value=0 step=1 min=0 max=25
      onchange="window.changeHours(this.value)"
      oninput="window.changeHours(this.value)"
      ><br>
      <span id="tfMinutes">0</span> min<br>
      <input style="width:60%;" type="range" name="tfMinutes" value=0 step=5 min=0 max=60
      onchange="window.changeMinutes(this.value)"
      oninput="window.changeMinutes(this.value)"
      >`;

      swal({
        title: 'Request time to XXX',
        text: 'Select time to send / request',
        content: form,
        buttons: {
          cancel: "Cancel",
          catch: {
            text: "Create",
            value: 5,
          },
        }
      }).then((value) => {
        console.log(value);
      });

 window.changeHours = function (value){
   var tfHours = document.getElementById("tfHours");
   tfHours.innerHTML = value;
 }
 window.changeMinutes = function (value){
   var tfMinutes = document.getElementById("tfMinutes");
   tfMinutes.innerHTML = value;
 }

    var hh = "<b>test</b>"; 
swal({
        title: "" + txt + "", 
        text: "Testno  sporocilo za objekt " + hh + "",  
        html: true,  
        confirmButtonText: "V redu", 
        allowOutsideClick: "true"  
});