Sweetalert: Exemple HTML de base manquant dans les documents

Créé le 13 févr. 2018 · 6Commentaires · Source: t4t5/sweetalert

Maintenant que la facilité d'insertion du code HTML dans l'alerte a été modifiée, les documents doivent fournir un exemple simple pour les personnes souhaitant formater le contenu. ~~Je propose quelque chose comme ci-dessous~~

```
var content = document.createElement('div');
content.innerHTML = 'Certains champs contiennent des erreurs.
S'il vous plaît, vérifiez et essayez à nouveau.';

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

````

Je vous propose l'exemple de @carloscfcortez ci-dessous

Source

garhbod

❤1

Commentaire le plus utile

Ce serait formidable si cela pouvait être incorporé dans swal lui-même

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

garhbod le 13 févr. 2018

👍7

Tous les 6 commentaires

Ce serait formidable si cela pouvait être incorporé dans swal lui-même

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

garhbod le 13 févr. 2018

👍7

D'accord ! ou plusieurs éléments doivent être pris en charge en effet

bakcay le 26 avr. 2018

Je suis d'accord. J'ai dû découvrir comment utiliser HTML dans swal à partir de ce problème ...

musa11971 le 4 juil. 2018

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

carloscfcortez le 13 juil. 2018

👍5

J'étais proche 😝

garhbod le 18 juil. 2018

😄1

Veuillez également noter dans la documentation que le contenu et le texte ne sont pas la même chose, par défaut, la classe CSS est différente (swal-text vs swal-content) et donc le contenu et le texte diffèrent visuellement.