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({
        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({
        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件

関連する問題