2018年如何使用sweetalert使文本加粗？

Question

我看到您可以使用 content 选项，但我现在不太确定该怎么做。我有以下代码： swal({title: 'hello', text: `hello ${<strong>{name}</strong>}`, icon: 'success' })

- Taylor Austin

---

尝试使用2017年使用的相同方式，应该有效。 ;) - Ricky Notaro-Garcia

我尝试了HTML的真实性以及其他一切，但是没有成功。 - Taylor Austin

Answer 1

或者，您可以使用SweetAlert2 - 原始SweetAlert的支持分支：https://sweetalert2.github.io/

Swal.fire({
  html: 'Overengineering is <strong>a bad thing</strong>'
})

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

注意：SweetAlert2与SweetAlert略有不同，请查看简易迁移指南：https://github.com/sweetalert2/sweetalert2/wiki/Migration-from-SweetAlert-to-SweetAlert2

- Limon Monte

Answer 2

从GitHub Issues中，您应该设置一个内容并在其中插入文本：

var name = "Stack Overflow";
var content = document.createElement('div');
    content.innerHTML = 'Hello <strong>'+ name +'</strong>';

    swal({
        title: 'Hello',
        content: content,
        icon: "success",
    })

- trinaldi