Sweetalert: 文档中缺少基本的 HTML 示例

创建于 2018-02-13 · 6评论 · 资料来源: t4t5/sweetalert

现在，将 HTML 插入警报的简便性已经改变，文档需要为人们提供一个简单的示例，让他们能够简单地格式化内容。 ~~我建议如下~~

```
var content = document.createElement('div');
content.innerHTML = '有些字段有错误。
请检查并重试。';

swal({
    title: 'Error',
    content: content,
    icon: "error",
})

````

我在下面提出@carloscfcortez的示例

资料来源

garhbod

❤1

最有用的评论

如果可以将其合并到 swal 本身中，那就太好了

    swal({
        title: 'Error',
        content: {
                element: 'div',
                innerHTML: 'Some fields have errors.<br/>Please check and try again.'
        }
        icon: "error",
    })

garhbod 于 2018-02-13

👍7

所有6条评论

如果可以将其合并到 swal 本身中，那就太好了

    swal({
        title: 'Error',
        content: {
                element: 'div',
                innerHTML: 'Some fields have errors.<br/>Please check and try again.'
        }
        icon: "error",
    })

garhbod 于 2018-02-13

👍7

同意！或者确实应该支持多个元素

bakcay 于 2018-04-26

我同意。必须从这个问题中找出如何在 swal 中使用 HTML ......

musa11971 于 2018-07-04

        swal({
            title: 'Error',
            content: {
                element: "div",
                attributes: {
                    innerHTML: "Some fields have <strong>errors.</strong><br/>Please check and try again."
                },
            },
            icon: "error",
        })

carloscfcortez 于 2018-07-13

👍5

我很亲密😝

garhbod 于 2018-07-18

😄1

另请注意，在文档中内容和文本不是一回事，默认情况下 CSS 类是不同的（swal-text 与 swal-content），因此内容和文本在视觉上有所不同。

mbunkin 于 2019-09-22

此页面是否有帮助？

0 / 5 - 0 等级

Sweetalert: 文档中缺少基本的 HTML 示例

最有用的评论

所有6条评论

相关问题