Sweetalert: Einfaches HTML-Beispiel fehlt in Dokumenten

Erstellt am 13. Feb. 2018  ·  6Kommentare  ·  Quelle: t4t5/sweetalert

Jetzt, da die Einfachheit des Einfügens von HTML in die Warnung geändert wurde, muss die Dokumentation ein einfaches Beispiel für Leute bieten, wie einfach der Inhalt formatiert werden soll. Ich schlage etwas wie unten vor

```
var content = document.createElement('div');
content.innerHTML = 'Einige Felder haben Fehler.
Bitte prüfen und erneut versuchen.';

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

````

Ich schlage das Beispiel von @carloscfcortez unten vor

picture garhbod
❤1

Hilfreichster Kommentar

Es wäre großartig, wenn dies in swal selbst integriert werden könnte

    swal({
        title: 'Error',
        content: {
                element: 'div',
                innerHTML: 'Some fields have errors.<br/>Please check and try again.'
        }
        icon: "error",
    })
picture garhbod am 13. Feb. 2018
👍7

Alle 6 Kommentare

Es wäre großartig, wenn dies in swal selbst integriert werden könnte

    swal({
        title: 'Error',
        content: {
                element: 'div',
                innerHTML: 'Some fields have errors.<br/>Please check and try again.'
        }
        icon: "error",
    })
garhbod picture garhbod am 13. Feb. 2018
👍7

Einverstanden ! oder mehrere Elemente sollten tatsächlich unterstützt werden

bakcay picture bakcay am 26. Apr. 2018

Ich stimme zu. Musste aus dieser Ausgabe herausfinden, wie man HTML in swal verwendet ...

musa11971 picture musa11971 am 4. Juli 2018 
        swal({
            title: 'Error',
            content: {
                element: "div",
                attributes: {
                    innerHTML: "Some fields have <strong>errors.</strong><br/>Please check and try again."
                },
            },
            icon: "error",
        })
carloscfcortez picture carloscfcortez am 13. Juli 2018
👍5

Ich war nah dran 😝

garhbod picture garhbod am 18. Juli 2018
😄1

Bitte beachten Sie in der Dokumentation auch, dass Inhalt und Text nicht dasselbe sind, standardmäßig ist die CSS-Klasse unterschiedlich (swal-text vs. swal-content) und daher unterscheiden sich Inhalt und Text visuell.

mbunkin picture mbunkin am 22. Sept. 2019
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

AlexV525 picture AlexV525  ·  4Kommentare
mateuszjarzewski picture mateuszjarzewski  ·  4Kommentare
voodoo6 picture voodoo6  ·  4Kommentare
mouro001 picture mouro001  ·  3Kommentare
xgqfrms-GitHub picture xgqfrms-GitHub  ·  4Kommentare