Sweetalert: مثال HTML الأساسي مفقود من المستندات

تم إنشاؤها على ١٣ فبراير ٢٠١٨ · 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 في ١٣ فبراير ٢٠١٨

👍7

ال 6 كومينتر

سيكون من الرائع أن يتم دمج هذا في swal نفسها

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

garhbod في ١٣ فبراير ٢٠١٨

👍7

متفق ! أو يجب دعم عناصر متعددة بالفعل

bakcay في ٢٦ أبريل ٢٠١٨

أنا موافق. كان لا بد من معرفة كيفية استخدام HTML في swal من هذه المشكلة ...

musa11971 في ٤ يوليو ٢٠١٨

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

carloscfcortez في ١٣ يوليو ٢٠١٨

👍5

كنت قريبة 😝

garhbod في ١٨ يوليو ٢٠١٨

😄1

يرجى أيضًا ملاحظة في المستندات أن المحتوى والنص ليسا نفس الشيء ، افتراضيًا تختلف فئة CSS (swal-text مقابل swal-content) وبالتالي يختلف المحتوى والنص بصريًا.