Sweetalert: рдореВрд▓ HTML рдЙрджрд╛рд╣рд░рдг рдбреЙрдХреНрд╕ рд╕реЗ рдЧрд╛рдпрдм рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 13 рдлрд╝рд░ре░ 2018  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: t4t5/sweetalert

рдЕрдм рдЬрдмрдХрд┐ рдЕрд▓рд░реНрдЯ рдореЗрдВ HTML рдбрд╛рд▓рдиреЗ рдХреА рдЖрд╕рд╛рдиреА рдХреЛ рдмрджрд▓ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реЛрдВ рдХреЛ рдЙрди рд▓реЛрдЧреЛрдВ рдХреЗ рд▓рд┐рдП рдПрдХ рд╕рд░рд▓ рдЙрджрд╛рд╣рд░рдг рдкреНрд░рджрд╛рди рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рдЬреЛ рд╕рд╛рдордЧреНрд░реА рдХреЛ рдкреНрд░рд╛рд░реВрдкрд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред рдореИрдВ рдиреАрдЪреЗ рдХреА рддрд░рд╣ рдХреБрдЫ рдкреНрд░рд╕реНрддрд╛рд╡рд┐рдд рдХрд░рддрд╛ рд╣реВрдВ

```
рд╡рд░ рд╕рд╛рдордЧреНрд░реА = document.createElement ('div');
content.innerHTML = 'рдХреБрдЫ рдХреНрд╖реЗрддреНрд░реЛрдВ рдореЗрдВ рддреНрд░реБрдЯрд┐рдпрд╛рдБ рд╣реИрдВред
рдХреГрдкрдпрд╛ рдЬрд╛рдБрдЪ рдХрд░реЗрдВ рдФрд░ рдкреБрдирдГ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВред';

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

````

рдореИрдВ рдиреАрдЪреЗ @carloscfcortez рдХрд╛ рдЙрджрд╛рд╣рд░рдг рдкреНрд░рд╕реНрддрд╛рд╡рд┐рдд рдХрд░рддрд╛ рд╣реВрдВ

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛ рдЕрдЧрд░ рдЗрд╕реЗ рд╕реНрд╡рд╛рд▓ рдореЗрдВ рд╣реА рд╢рд╛рдорд┐рд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХреЗ

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

рд╕рднреА 6 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛ рдЕрдЧрд░ рдЗрд╕реЗ рд╕реНрд╡рд╛рд▓ рдореЗрдВ рд╣реА рд╢рд╛рдорд┐рд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХреЗ

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

рдорд╛рдирд╛ ! рдпрд╛ рдПрдХрд╛рдзрд┐рдХ рддрддреНрд╡реЛрдВ рдХреЛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕рдорд░реНрдерд┐рдд рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП

рдореИрдВ рд╕рд╣рдордд рд╣реВрдВред рдпрд╣ рдкрддрд╛ рд▓рдЧрд╛рдирд╛ рдерд╛ рдХрд┐ рдЗрд╕ рдореБрджреНрджреЗ рд╕реЗ HTML рдХреЛ рд╕реНрд╡рд╛рд▓ рдореЗрдВ рдХреИрд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рдП ...

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

рдореИрдВ рдХрд░реАрдм рдерд╛

рдХреГрдкрдпрд╛ рдбреЙрдХреНрд╕ рдореЗрдВ рдпрд╣ рднреА рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ рд╕рд╛рдордЧреНрд░реА рдФрд░ рдЯреЗрдХреНрд╕реНрдЯ рдПрдХ рд╣реА рдЪреАрдЬрд╝ рдирд╣реАрдВ рд╣реИ, рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рд╕реАрдПрд╕рдПрд╕ рд╡рд░реНрдЧ рдЕрд▓рдЧ рд╣реИ (рд╕реНрд╡рд╛рд▓-рдЯреЗрдХреНрд╕реНрдЯ рдмрдирд╛рдо рд╕реНрд╡рд╛рд▓-рдХрдВрдЯреЗрдВрдЯ) рдФрд░ рдЗрд╕рд▓рд┐рдП рд╕рд╛рдордЧреНрд░реА рдФрд░ рдЯреЗрдХреНрд╕реНрдЯ рдиреЗрддреНрд░рд╣реАрди рднрд┐рдиреНрди рд╣реЛрддреЗ рд╣реИрдВред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

jamieson99 picture jamieson99  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

voodoo6 picture voodoo6  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Untit1ed picture Untit1ed  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

vmitchell85 picture vmitchell85  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

mouro001 picture mouro001  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ