Sweetalert: рдПрдХрд╛рдзрд┐рдХ рдЯреЗрдХреНрд╕реНрдЯ рдкрдВрдХреНрддрд┐рдпрд╛рдВ рдХреИрд╕реЗ рдЬреЛрдбрд╝реЗрдВ?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 8 рдЕрдХреНрддреВре░ 2017  ┬╖  9рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: t4t5/sweetalert

рдирдорд╕реНрддреЗ
рдореИрдВ рдПрдХ рд╕реЗ рдЕрдзрд┐рдХ рдкрдВрдХреНрддрд┐рдпрд╛рдБ рдХреИрд╕реЗ рдмрдирд╛ рд╕рдХрддрд╛ рд╣реВрдБ рдпрд╛ html рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдБ?
?

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

https://sweetalert.js.org/docs/#content рдкрд░ рдЖрдзрд╛рд░рд┐рдд рдореЗрд░реА рд╣реИрдХ рдпрд╣рд╛рдВ рджреА рдЧрдИ рд╣реИ

var span = document.createElement("span");
span.innerHTML='abc<br>efg'
swal({
  content: span,
});

рдореБрдЭреЗ рдпрдХреАрди рд╣реИ рдХрд┐ рдПрдХ рдмреЗрд╣рддрд░ рддрд░реАрдХрд╛ рд╣реИред

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

https://sweetalert.js.org/docs/#content рдкрд░ рдЖрдзрд╛рд░рд┐рдд рдореЗрд░реА рд╣реИрдХ рдпрд╣рд╛рдВ рджреА рдЧрдИ рд╣реИ

var span = document.createElement("span");
span.innerHTML='abc<br>efg'
swal({
  content: span,
});

рдореБрдЭреЗ рдпрдХреАрди рд╣реИ рдХрд┐ рдПрдХ рдмреЗрд╣рддрд░ рддрд░реАрдХрд╛ рд╣реИред

рдЕрднреА рдХреЗ рд▓рд┐рдП, @ simon1tan рдХрд╛ рдРрд╕рд╛ рдХрд░рдиреЗ рдХрд╛ рддрд░реАрдХрд╛ рдЬрд╛рдиреЗ рдХрд╛ рд░рд╛рд╕реНрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдорд╛рдирддрд╛ рд╣реВрдВ рдХрд┐ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдЬреЛрдбрд╝рдиреЗ рдЬреИрд╕реА рд╕рд░рд▓ рдЪреАрдЬрд╝ рдХреЗ рд▓рд┐рдП рдпрд╣ рдереЛрдбрд╝рд╛ рдХрдард┐рди рд╣реИред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рддрд░реАрдХрд╛ рд╣реЛрдЧрд╛ рдпрджрд┐ SweetAlert рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ \n рд╡рд░реНрдгреЛрдВ рдХреЛ рдЯреЗрдХреНрд╕реНрдЯ рд╡рд┐рдХрд▓реНрдк рдореЗрдВ <br> рдЯреИрдЧ рд╕реЗ рдмрджрд▓ рджреЗрддрд╛ рд╣реИ, рддрд╛рдХрд┐ рд▓реЛрдЧ рд▓рд┐рдЦ рд╕рдХреЗрдВ:

swal("Hello\nthere!")

рдпрджрд┐ рдХреЛрдИ рдЗрд╕рд╕реЗ рдирд┐рдкрдЯрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реИ (рдмрд╣реБрдд рд╕рд░рд▓ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП), рддреЛ рдмреЗрдЭрд┐рдЭрдХ рдПрдХ рдкреБрд▓ рдЕрдиреБрд░реЛрдз рднреЗрдЬреЗрдВ!

HTML рддрддреНрд╡реЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рддрд░реАрдХрд╛ рдЦреЛрдЬрдирд╛ рдХрдард┐рди рд╣реЛ рдЧрдпрд╛ рд╣реИ, рдЖрдкрдХреЗ рд╣реИрдХ рдиреЗ рдореЗрд░реА рдорджрдж рдХреА рд╣реИ, рдмрд╣реБрдд-рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рдж рджреЛрд╕реНрдд!

рдкреАрдбреА: "\n" рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ, рдпрд╣ рдПрдХ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдЪреАрдЬреЗрдВ рдЕрдЪреНрдЫреА рдирд╣реАрдВ рд╣реИрдВ, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдмреЗрд╣рддрд░ рд╡рд┐рдХрд▓реНрдк рд╣реИрдВ, рдЙрджрд╛рд╣рд░рдг

  • рд╕рд╛рдордЧреНрд░реА: рд╡рд░реНрддрдорд╛рди рд╡рд╕реНрддреБ
  • рдкрд╛рда: рд╕рд╛рджрд╛ рдкрд╛рда (рдпрджрд┐ рдЖрдк рдпрд╣рд╛рдВ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдкрд╛рд░реНрд╕рд┐рдВрдЧ рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВ)
  • рдПрдЪрдЯреАрдПрдордПрд▓: рдПрдЪрдЯреАрдПрдордПрд▓ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ

рдЖрдк рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП html рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ "
"
рд╕реНрд╡рд╛рд▓ ({
рд╢реАрд░реНрд╖рдХ: 'рддреНрд░реБрдЯрд┐',
html: 'рд╕рддреНрдпрд╛рдкрди рдкреЛрд░ рдПрд╣рд╕рд╛рди рдФрд░ рдЗрд░рд╛рджрд╛'
рдЕрд╕реНрджрд╛рд╕рджрд╛рд╕',
рд╢реЛ рдХрдиреНрдлрд░реНрдо рдмрдЯрди: рд╕рдЪ,
рд╢реЛрдХреНрд▓реЛрдЬрд╝рдмрдЯрди: рд╕рдЪ,
})
рдЕрд▓рд╡рд┐рджрд╛

const рд▓рд╛рдЗрдиреНрд╕ = ['рдЖрдк рд╣рдорд╛рд░реЗ рд▓рд┐рдП рдмрд╣реБрдд рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИрдВ, рдкреНрд░рд╛рдкреНрдд рд╕рднреА рдЬрд╛рдирдХрд╛рд░реА рд╣рдореЗрд╢рд╛ рдЧреЛрдкрдиреАрдп рд░рд╣реЗрдЧреАред', 'рдЬреИрд╕реЗ рд╣реА рд╣рдо рдЖрдкрдХреЗ рд╕рдВрджреЗрд╢ рдХреА рд╕рдореАрдХреНрд╖рд╛ рдХрд░реЗрдВрдЧреЗ, рд╣рдо рдЖрдкрд╕реЗ рд╕рдВрдкрд░реНрдХ рдХрд░реЗрдВрдЧреЗред', 'рд╣рдордиреЗ рдЖрдкрдХреЛ '+contact_email+' рдкрд░ рдПрдХ рдИрдореЗрд▓ рднреЗрдЬрд╛ рд╣реИред , рдХреГрдкрдпрд╛ рддреНрд╡рд░рд┐рдд рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП рдЗрд╕реЗ рдЬрд╛рдВрдЪреЗрдВред'];

swal('рд╣рдорд╕реЗ рд╕рдВрдкрд░реНрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж!',lines.join('\n\n'),'success');

// рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд┐рдпрд╛!

const lines = ['You are very important to us, all information received will always remain confidential.', 'We will contact you as soon as we review your message.', 'We have sent an email to you at '+contact_email+' , Please check it for quick response.']; swal('Thank you for contacting us!',lines.join('\n\n'),'success');

рдореЗрд░реЗ рдорд╛рдорд▓реЗ рдХреЗ рд▓рд┐рдП рдкрд╛рда рдХреЛ рдХрд╡рд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ div рдЯреИрдЧ рдХрд╛рдо рдХрд░реЗрдЧрд╛

origina: Line0<br />Line1<br /> [not working]
after: <div>Line0<br />Line1<br /></div> [working fine]
swal({
    title: 'Mt Title',
    html: '<div>Line0<br />Line1<br /></div>',
 });

swal({ buttons: ["Wait ", "Add Details"], html: true, text: "Text one .\n Text 2.\n Text 3." })
рдпрд╣рд╛рдБ рд╕рдорд╛рдзрд╛рди рд╣реИред рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдореЗрдВ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдЖрдирдВрдж рд▓реЗрдирд╛

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