Sweetalert: Exemplo de HTML básico ausente dos documentos

Criado em 13 fev. 2018 · 6Comentários · Fonte: t4t5/sweetalert

Agora que a facilidade de inserir HTML no alerta foi alterada, os documentos precisam fornecer um exemplo simples para as pessoas como desejam formatar o conteúdo. ~~Eu proponho algo como abaixo~~

```
var conteúdo = document.createElement('div');
content.innerHTML = 'Alguns campos possuem erros.
Por favor verifique e tente novamente.';

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

````

Proponho o exemplo de @carloscfcortez abaixo

Fonte

garhbod

❤1

Comentários muito úteis

Seria ótimo se isso pudesse ser incorporado ao próprio swal

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

garhbod em 13 fev. 2018

👍7

Todos 6 comentários

Seria ótimo se isso pudesse ser incorporado ao próprio swal

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

garhbod em 13 fev. 2018

👍7

Acordado ! ou vários elementos devem ser suportados de fato

bakcay em 26 abr. 2018

Eu concordo. Tive que descobrir como usar HTML no swal deste problema ...

musa11971 em 4 jul. 2018

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

carloscfcortez em 13 jul. 2018

👍5

eu tava perto 😝

garhbod em 18 jul. 2018

😄1

Observe também nos documentos que conteúdo e texto não são a mesma coisa, por padrão a classe CSS é diferente (swal-text vs swal-content) e, portanto, conteúdo e texto diferem visualmente.